ជួសជុល Google PageSpeed ​​លុបចោលការបង្ហាញការទប់ស្កាត់ JavaScript និង CSS នៅក្នុងមាតិកាខាងលើខាងលើ

ដោះស្រាយការទប់ស្កាត់ Javascript និង CSS

ការសាកល្បង  Google PageSpeed   ​​[1] លុបបំបាត់ការបង្ហាញការទប់ស្កាត់ JavaScript និង CSS ជាមាតិកាខាងលើ ស្នើឱ្យអ្នកផ្ដល់ឯកសារ JS និង CSS របស់តំបន់បណ្ដាញរបស់អ្នកបន្ទាប់ពី HTML ត្រូវបានផ្ទុកយ៉ាងពេញលេញ - ហើយដូច្នេះកុំផ្អាកការផ្ទុក HTML របស់អ្នក។ ដើម្បីទាញយកពួកវា។

ការបញ្ចោញនិយមន័យស្គ្រីប៖ ស្គ្រីបដែលត្រូវបានផ្ទុកមុនពេល HTML ពេញលេញត្រូវបានញែកចេញ។ ឧទាហរណ៍ស្គ្រីបដែលបានរួមបញ្ចូលនៅក្នុងបឋមកថាឬនៅក្នុងមាតិកាដោយគ្មានការណែនាំជាក់លាក់សម្រាប់កម្មវិធីរុករកដើម្បីពន្យាពេលផ្ទុកស្គ្រីបរហូតដល់បន្ទាប់ពីថ្នាំលាប HTML ។

លុបបំបាត់ចោលនូវការបិទ JavaScript និង CSS នៅក្នុងមាតិកាដែលមាននៅខាងលើ៖ បង្ហាញពីរបៀបជួសជុលវា

1. មានប្រព័ន្ធខាងក្រៅធ្វើឱ្យគេហទំព័ររបស់អ្នកប្រសើរសម្រាប់អ្នក
   
2. ប្រើស៊ីឌីអិនដែលនឹងអនុវត្តការបង្កើនប្រសិទ្ធិភាពដែលអាចធ្វើបានក្នុងនាមអ្នករួមទាំងការបង្កើនប្រសិទ្ធិភាពដូចខាងក្រោមចំនួនបីដែលចាំបាច់ដើម្បីជួសជុលលុបបំបាត់ធនធានដែលរារាំង។
   
3. ផ្ទុកឯកសារ Javascript ពន្យាពេល
   
4. ផ្ទុក CSS បន្ទាប់ពីផ្ទុក HTML
   
5. ប្រើកម្មវិធីជំនួយប្លក, រូបភាព
   

មានប្រសិទ្ធិភាពជាច្រើនដែលចាំបាច់ដើម្បីជួសជុលធនធានដែលរារាំងហើយអាចនឹងធុញទ្រាន់ក្នុងការអនុវត្តវាដោយខ្លួនឯង - បូកអ្នកនឹងត្រូវមើលដោយយកចិត្តទុកដាក់ជានិច្ចចំពោះការសាកល្បងថ្មីដែលមាននៅក្នុង Chrome Lighthouse និង  Google PageSpeed   ​​ក្នុងចំណោមការធ្វើតេស្តល្បឿនទំព័រដទៃទៀត។

មិនមានដំណោះស្រាយដែលមានស្រាប់ក្នុងការលុបបំបាត់ធនធានដែលរាំងស្ទះនៅក្នុងលេខកូដ htaccess នោះទេព្រោះបញ្ហាទាក់ទងនឹង DOM មានន័យថាខ្លឹមសារគេហទំព័រនិងបទបញ្ជាលើធនធានដែលបានបញ្ចូលមានដូចជា Javascript និង CSS ប៉ុន្តែមិនត្រឹមតែប៉ុណ្ណោះ។ ទាំងនេះមិនអាចត្រូវបានបង្កឡើងនៅក្នុង Htaccess ទេប៉ុន្តែមានតែនៅក្នុងមាតិកា HTML DOM ប៉ុណ្ណោះ។

ប្រសិនបើអ្នកដោះស្រាយបញ្ហាទាំងនេះសម្រាប់កុំព្យូទ័រលើតុអ្នកនឹងលុបបំបាត់ធនធានដែលរារាំងសម្រាប់ទូរស័ព្ទចល័តព្រោះវាទាំងពីរគឺដូចគ្នា!

Did you know that you can even have all these steps executed automatically for you by using an external  ការបង្កើនល្បឿនគេហទំព័រ   technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

ផ្ទុកឯកសារ Javascript ពន្យាពេល

ដើម្បីពន្យារការផ្ទុកឯកសារ JS របស់អ្នក [2] អ្នកអាចបន្ថែមការធ្វើសមកាលកម្មឬពន្យារការណែនាំទៅតំណស្គ្រីបរបស់អ្នក។ Async នឹងមិនធានាថាពួកគេត្រូវបានផ្ទុកនៅក្នុងលំដាប់ដូចគ្នានោះទេដូច្នេះប្រសិនបើអ្នកមានស្គ្រីបជាច្រើនដែលគួរតែដំណើរការម្តងមួយទៀតការពន្យាគឺប្រសើរជាងមុនដើម្បីធានាលំដាប់:

ផ្ទុក CSS បន្ទាប់ពីផ្ទុក HTML

សម្រាប់ CSS ត្រូវបានដំណើរការបន្ទាប់ពី HTML ពេញត្រូវបានបញ្ជូន Google ស្នើកូដបំណែកនេះដើម្បីបន្ថែមនៅចុងបញ្ចប់នៃ HTML របស់អ្នកឧទាហរណ៍បន្ទាប់ពីស្លាកបិទបាតកថានិងមុនបិទស្លាកបិទរាងកាយ:

ដើម្បីបង្កើនប្រសិទ្ធភាពគេហទំព័ររបស់អ្នកវាក៏ជាគំនិតល្អផងដែរក្នុងការលុបកូដ CSS ដែលមិនប្រើដែលជាប្រតិបត្តិការដែលអាចធុញទ្រាន់ប្រសិនបើអ្នកមិនមានចំណេះដឹងក្នុងការរចនាគេហទំព័រ។ ប្រសិនបើអ្នកមិនបានបង្កើតប្រធានបទគេហទំព័ររបស់អ្នកដោយខ្លួនឯងវាអាចនឹងមានប្រាជ្ញាក្នុងការប្រើកូដខាងក្រៅដែលមិនប្រើនៅលើទំព័ររបស់អ្នកក្នុងនាមជាអេហ្សូលលាភដែលមានកំណែថ្មី (និងឥតគិតថ្លៃ) នៃគេហទំព័រដ៏អស្ចារ្យរបស់ពួកគេ។ ល្បឿនបង្កើនល្បឿន។

ឆ្លងកាត់ការសាកល្បងល្បឿនគេហទំព័រហ្គូហ្គល!

នេះអនុញ្ញាតឱ្យខ្ញុំឆ្លងផុតសាកល្បង  Google PageSpeed   ​​[1] លុបចោលការបិទ JavaScript និង CSS នៅក្នុងមាតិកាខាងលើខាងលើ (រួមជាមួយការរក្សាទុកទិន្នន័យរបស់កម្មវិធីរុករកអាន Leverage) នៅលើគេហទំព័រដែលកើនឡើងពីពិន្ទុ 51 លើទូរស័ព្ទដៃ ( រូប 1) ដល់ 72 (រូបភាពទី 2) និងឡើងពី 59 (រូបភាព 3) ដល់ 79 នៅលើផ្ទៃតុ (រូប 4) ។

តើធ្វើដូចម្តេចដើម្បីលុបបំបាត់ធនធានបង្ហាញការរាំងស្ទះនៅក្នុងប្លក, រូបភាព

ដើម្បីលុបបំបាត់ធនធានទប់ស្កាត់ការបង្ហាញនៅក្នុងប្លក, រូបភាព, វាចាំបាច់ក្នុងការតំឡើងកម្មវិធីជំនួយដូចជា JetPack ។

បន្ទាប់មកចូលទៅជម្រើសដែលអ្នកត្រូវតែជាអ្នកគ្រប់គ្រងហើយចូលទៅកាន់ជម្រើស JetPack> ការសម្តែង> ការសម្តែងនិងល្បឿន> ធីកបើកការបង្កើនល្បឿនគេហទំព័របង្កើនល្បឿនដងផ្ទុករូបភាពបង្កើនល្បឿនឯកសារផ្ទុកទិន្នន័យឋិតិវន្តនិងបើកការផ្ទុកឡាស៊ែរសម្រាប់ រូបភាព។

រៀនមូលដ្ឋាន SEO: ចុះឈ្មោះថ្ងៃនេះ!

ជម្រុញភាពមើលឃើញនិងចរាចរណ៍របស់គេហទំព័ររបស់អ្នកដោយធ្វើជាម្ចាស់មូលដ្ឋានគ្រឹះនៃ SEO ជាមួយនឹងវគ្គសិក្សាមូលដ្ឋានគ្រឹះដែលងាយស្រួលធ្វើតាមរបស់យើង។

ចាប់ផ្តើមរៀនសូត្រ Seo

វានឹងលុបបំបាត់ការទប់ស្កាត់ធនធាននៅក្នុងប្លក, រូបភាពនិងផ្ទុកទំព័របានលឿនដោយអនុញ្ញាតឱ្យ JetPack បង្កើនប្រសិទ្ធភាពរូបភាពរបស់អ្នកនិងបំរើរូបភាពរបស់អ្នកនិងឯកសារឋិតិវន្ត (ដូចជា CSS និង JavaScript) ពីបណ្តាញនៃម៉ាស៊ីនមេរបស់ពួកគេ។

ដូចគ្នានេះផងដែរកុំភ្លេចពន្យារពេលផ្ទុករូបភាពនៅក្រៅអេក្រង់ដោយប្រើមុខងារផ្ទុកខ្ជិល។ ខណៈពេលដែលវាត្រូវបានគេប្រើដើម្បីឱ្យមានការលំបាកនិងត្រូវការបណ្ណាល័យខាងក្រៅឱ្យពន្យារពេលផ្ទុករូបភាពក្រៅអេក្រង់វាឥឡូវអាចធ្វើបានដែលអាចកើតមានក្នុង HTML5!

ដើម្បីអនុវត្តការផ្ទុករូបភាពខ្ជិលនៅលើគេហទំព័ររបស់អ្នកសូមបន្ថែមតម្លៃខ្ជិលចំពោះគុណលក្ខណៈដែលកំពុងផ្ទុករូបភាពរបស់អ្នកហើយកម្មវិធីរុករកថ្មីៗនឹងត្រូវបានស្នើសុំនិងផ្ទុកប្រសិនបើអ្នកប្រើរមូរចុះក្រោម កន្លែងដាក់រូបភាព។

<img src=”SRC” alt=”ALT” loading=”lazy”></img>

លើសពីនេះទៀតការផ្ទុកខ្ជិលធ្វើការជាមួយ IFRAMES ហើយគឺជាការអនុវត្តដ៏សំខាន់មួយដើម្បីលុបបំបាត់ធនធានបង្ហាញពីគេហទំព័ររបស់អ្នក។

នៅពេលដែលធនធានដែលរារាំងការបង្ហាញនឹងមានការណែនាំដែលត្រូវផ្ទុកបន្ទាប់ពីមាតិកាមេមានន័យថា HTML DOM អ្នកនឹងទទួលបានពិន្ទុជាច្រើននៅលើតេស្ត GoogleShouse ការធ្វើតេស្តការយល់ដឹងអំពីល្បឿនតេស្តទំព័រឬមានសារៈសំខាន់នៅលើគេហទំព័រ Google Core ។

មានប្រព័ន្ធខាងក្រៅធ្វើឱ្យគេហទំព័ររបស់អ្នកប្រសើរសម្រាប់អ្នក

តើអ្នកដឹងទេថាអ្នកពិតជាអាចដោះស្រាយបញ្ហា  Google PageSpeed   ​​ទាំងអស់ជំនួសអ្នកដោយគ្មានការប្រឹងប្រែងពីវែបសាយត៍របស់អ្នកលើកលែងតែចុះឈ្មោះចុះឈ្មោះដោយឥតគិតថ្លៃនិងប្តូរឈ្មោះ DNS របស់អ្នក?

ដោយប្រើបច្ចេកវិជ្ជាអ៊ីនធឺរណែតបង្កើនល្បឿនបណ្តាញអ៊ីហ្សិកបញ្ហាទាំងអស់របស់ហ្គូហ្គោលអេសភីអេសនឹងត្រូវបានដោះស្រាយដោយប្រព័ន្ធរបស់ពួកគេដែលនឹងក្លាយជាអន្តរការីរវាងគេហទំព័រនិងអ្នកទស្សនា។ ពួកគេនឹងបង្កើនប្រសិទ្ធភាពគេហទំព័រសម្រាប់អ្នកមុនពេលបង្ហាញវាដល់ភ្ញៀវរបស់អ្នក។

ក្លាយជាពណ៌បៃតងដោយគ្រាន់តែចុះឈ្មោះសម្រាប់ការសាកល្បងឥតគិតថ្លៃនៅលើវេទិកាអ៊ីហ្សិកហើយសាកល្បងវាដោយខ្លួនឯង - ពួកគេនឹងធ្វើឱ្យគេហទំព័ររបស់អ្នកឈានដល់ស្តង់ដារខ្ពស់បំផុតនៃការបង្កើនល្បឿនទំព័រក្នុងរយៈពេលពីរបីថ្ងៃ៖ បង្ហាញរូបភាពគេហទំព័រនៅជំនាន់ក្រោយបង្កើនប្រសិទ្ធភាព CSS និង JavaScript ដោយលុប CSS ដែលមិនបានប្រើ និង JS, រូបភាពផ្ទុកខ្ជិល, ផ្លាស់ប្តូរទំហំរូបភាព, លាក់ទំព័រគេហទំព័ររបស់អ្នក, បង្កើនប្រសិទ្ធភាពពុម្ពអក្សរ, ភ្ជាប់ជាមុនទៅគេហទំព័រដែលបានបញ្ចូលរបស់អ្នកនិងច្រើនទៀត។

មិនតម្រូវឱ្យមានប័ណ្ណឥណទានទេ - អ្វីដែលអ្នកត្រូវធ្វើគឺចុះឈ្មោះដោយឥតគិតថ្លៃហើយសាកល្បង។ លើសពីនេះទៀតប្រសិនបើគេហទំព័ររបស់អ្នករកលុយបានពីការបង្ហាញពាណិជ្ជកម្មនៅលើកំពូលនៃការធ្វើឱ្យគេហទំព័ររបស់អ្នកលឿនជាងមុនពួកគេក៏អាចធ្វើឱ្យអ្នករកប្រាក់បានច្រើនដងច្រើនជាងអ្នកធ្វើជាមួយ Google AdSense ដោយបង្កើនប្រសិទ្ធភាពការផ្សាយពាណិជ្ជកម្មរបស់អ្នកជាមួយនឹងការរៀនម៉ាស៊ីននិងវិចារណញាណសិប្បនិម្មិត។

សំណួរដែលគេសួរញឹកញាប់

តើធ្វើដូចម្តេចដើម្បីលុបបំបាត់ការហាមឃាត់ - រារាំង JavaScript និង CSS នៅក្នុងមាតិកាខាងលើ - ផ្នត់?

ដើម្បីលុបបំបាត់ javascript-blocing javascript និង CSS សម្រាប់មាតិកាខាងលើ - ផ្នត់អ្នកគួរតែធានាថាឯកសារ JS និង CSS របស់គេហទំព័ររបស់អ្នកត្រូវបានផ្ទុកបន្ទាប់ពី HTML ត្រូវបានផ្ទុកយ៉ាងពេញលេញ។ នេះមានន័យថាមិនផ្អាកដំណើរការផ្ទុក HTML ដើម្បីទាញយកឯកសារទាំងនេះទេ។ អ្នកអាចដាក់ឯកសារ JavaScript ជាមួយ AsyScript ឬគុណលក្ខណៈពន្យាពេលនិងសម្រាប់ CSS អ្នកអាចប្រើលេខកូដជាក់លាក់ដើម្បីផ្ទុកវាបន្ទាប់ពី HTML ។ ប្រព័ន្ធបង្កើនប្រសិទ្ធិភាពខាងក្រៅដូចជា * EZOIC ក៏អាចដោះស្រាយវាដោយស្វ័យប្រវត្តិបានដែរ។

តើអ្នកអភិវឌ្ឍន៍គេហទំព័រអាចដោះស្រាយការណែនាំរបស់ Google Pagepepeed យ៉ាងដូចម្តេចដើម្បីលុបបំបាត់ការបង្ហាញ JavaScript និង CSS?

អ្នកអភិវឌ្ឍន៍គេហទំព័រអាចបង្កើនប្រសិទ្ធភាពគេហទំព័ររបស់ពួកគេដោយឯកសារ javascript និង CSS ដែលប្រើ jyschronous សម្រាប់ JavaScript ដោយផ្ទាល់ទៅក្នុង HTML ដោយផ្ទាល់ទៅជា HTML និងការដាក់ឯកសារ CSS និង JavaScript ដែលមិនចាំបាច់។ ការអនុវត្តយុទ្ធសាស្រ្តទាំងនេះអាចធ្វើឱ្យប្រសើរឡើងយ៉ាងខ្លាំងនូវពេលវេលាផ្ទុកនិងពិន្ទុទំព័រទំព័រ។

បង្គោលភ្លើងហ្វារដ៏ល្អឥតខ្ចោះ: តើមានអ្វីកើតឡើង?