បញ្ជីអត្ថបទ
ល្បឿនផ្ទុកគេហទំព័រនឹងប៉ះពាល់ដល់របស់អ្នក។ពាណិជ្ជកម្មតាមប្រព័ន្ធអេឡិចត្រូនិក។គេហទំព័រនៅក្នុងម៉ាស៊ីនស្វែងរកSEO ចំណាត់ថ្នាក់។
តើអ្វីទៅជាការផ្ទុកគេហទំព័រជាមុន?
មានបច្ចេកទេសមួយហៅថា prefetch ដែលតាមពិតទៅគឺបច្ចេកទេស preload ។
- នៅពេលអ្នកប្រើប្រាស់ចូលមើលទំព័រដោយចេតនា កម្មវិធីរុករកនឹងផ្ទុកទំព័រជាមុន។
- នៅពេលដែលអ្នកប្រើប្រាស់ពិតជាចុចលើតំណ អ្នកប្រើប្រាស់អានដោយផ្ទាល់នូវមាតិកាទំព័រពីឃ្លាំងសម្ងាត់ដែលបានផ្ទុកជាមុន ហើយកាត់បន្ថយពេលវេលាផ្ទុកទំព័រ។
- Amazon និងអ្នកផ្សេងទៀតបានរកឃើញថា 100-millisecond latency មានចំនួន 1% នៃការលក់ ប៉ុន្តែភាពយឺតយ៉ាវនៅលើគេហទំព័រគឺពិបាកក្នុងការយកឈ្នះ។
ទាញយកគេហទំព័រជាមុនតើការផ្ទុកជាមុនប្រើអ្វី?
instant.page ប្រើការផ្ទុកជាមុនភ្លាមៗ - វាផ្ទុកទំព័រជាមុន មុនពេលអ្នកប្រើប្រាស់ចុច ▼
- មុនពេលអ្នកប្រើប្រាស់ចុចលើតំណ ពួកគេដាក់លើតំណ។
- នៅពេលដែលអ្នកប្រើប្រាស់ដាក់រយៈពេល 65ms ពួកគេនឹងមានឱកាសចុចលើតំណ ដូច្នេះ instant.page ចាប់ផ្តើមផ្ទុកជាមុននៅចំណុចនេះ ជាមធ្យមលើសពី 300ms សម្រាប់ទំព័រដែលត្រូវផ្ទុកជាមុន។
- នៅលើឧបករណ៍ចល័ត អ្នកប្រើប្រាស់ចាប់ផ្តើមប៉ះអេក្រង់របស់ពួកគេ មុនពេលចេញផ្សាយ ដោយចំណាយពេលជាមធ្យម 90ms ដើម្បីផ្ទុកទំព័រជាមុន។
Prefetch ធ្វើឱ្យគេហទំព័រផ្ទុកលឿនជាងមុន
- ខួរក្បាលរបស់មនុស្សចំណាយពេលតិចជាង 100 មិល្លីវិនាទី ដើម្បីដឹងពីសកម្មភាពភ្លាមៗ។
- ដូច្នេះហើយ បច្ចេកវិទ្យានៃការផ្ទុកទំព័រជាមុនរបស់ instant.page អាចធ្វើឱ្យគេហទំព័ររបស់អ្នកមានអារម្មណ៍ភ្លាមៗសូម្បីតែនៅលើ 3G (សន្មត់ថាល្បឿនបង្ហាញទំព័ររបស់អ្នកលឿន)។
តើធ្វើដូចម្តេចដើម្បីដោះស្រាយការផ្ទុកយឺតនៃគេហទំព័រ?
ទំព័រត្រូវបានផ្ទុកជាមុនតែនៅពេលដែលមានប្រូបាប៊ីលីតេខ្ពស់ដែលអ្នកប្រើប្រាស់នឹងចូលមើលពួកវា ហើយវាគ្រាន់តែផ្ទុក HTML សម្រាប់ទំព័រនោះជាមុនប៉ុណ្ណោះ ដោយគោរពតាមកម្រិតបញ្ជូន និងស៊ីភីយូរបស់អ្នកប្រើប្រាស់ និងម៉ាស៊ីនមេ។
- វាប្រើកម្មវិធីស្តាប់ព្រឹត្តិការណ៍អកម្ម ដើម្បីរក្សាទំព័ររបស់អ្នកឱ្យរលូន។
- វាមិនត្រូវបានផ្ទុកជាមុនទេ នៅពេលដែលអ្នកប្រើប្រាស់បើកការការពារទិន្នន័យ (ដូចកំណែ 1.2.2)។
- វាមាន 1 kB ហើយផ្ទុកបន្ទាប់ពីអ្វីៗផ្សេងទៀត។វាគឺឥតគិតថ្លៃ និងប្រភពបើកចំហ (អាជ្ញាប័ណ្ណ MIT) ។
តើអ្វីទៅជាឥទ្ធិពលនៃ Prefetch webpage ការផ្ទុកជាមុន instant.page?
បន្ទាប់ពីការសាកល្បងបន្ថែមកូដ instant.page ការធ្វើឱ្យប្រសើរឡើងក្នុងល្បឿនចូលប្រើគេហទំព័រនៅតែមានទំហំធំគួរឱ្យកត់សម្គាល់។
- តាមលំនាំដើម វានឹងត្រងដើម្បីផ្ទុកតែតំណគេហទំព័រនេះជាមុនប៉ុណ្ណោះ ហើយនឹងមិនផ្ទុកតំណពីគេហទំព័រផ្សេងទៀតទេ។
- នៅពេលដែលកណ្តុរចុចលើតំណអត្ថបទនៅខាងឆ្វេងលើសពី 65ms បណ្តាញនឹងផ្ទុកទំព័រអត្ថបទជាមុន។
- នៅពេលដាក់ទីតាំងតិចជាង 65ms ការផ្ទុកជាមុនមិនត្រូវបានអនុវត្តទេ (ផ្នែកក្រហម)▼
ការប្រើប្រាស់ instant.page នឹងបង្កើន PV គេហទំព័ររបស់អ្នកយ៉ាងសំខាន់ និងបរិមាណស្នើសុំ៖
- មិត្តភ័ក្តិម្នាក់បាននិយាយថាចំនួនការចូលទស្សនាជាមធ្យមរបស់គាត់ក្នុងមួយដងគឺ ១៣,៨៤។
- បន្ទាប់ពីប្រើប្រាស់រួច ចំនួននៃការចូលមើលក្នុងមនុស្សម្នាក់បានកើនឡើងដល់ 17.43 ដែលស្មើនឹងការបើកទំព័រ 4 បន្ថែមទៀតក្នុងមនុស្សម្នាក់។
សម្គាល់ៈ
- វាគួរតែត្រូវបានកត់សម្គាល់ថាអ្នកសរសេរប្លុកដែលប្រើ CDNs បង់ប្រាក់ និងបើក CDNs ពេញគេហទំព័រគួរតែធ្វើដូច្នេះដោយប្រុងប្រយ័ត្ន។
- ប៉ុន្តែកុំបារម្ភអី ការផ្ទុកជាមុនគ្រាន់តែផ្ទុកទំព័រ html រូបភាព និងឯកសារផ្សេងទៀតនឹងមិនមាន ដូច្នេះវានឹងមិនមានការបាត់បង់ចរាចរណ៍ច្រើនទេ។
តើត្រូវប្រើបច្ចេកវិទ្យាផ្ទុកទំព័រជាមុនដោយរបៀបណា?
តាមការពិត មានគុណលក្ខណៈ rel នៅក្នុងស្លាកតំណនៃ html5 ដែលមួយក្នុងចំនោមនោះជា prefetch ប៉ុន្តែចំនួនអ្នកប្រើប្រាស់មានចំនួនតិច។
ទំព័រ instant.page ដែលណែនាំនៅក្នុងអត្ថបទនេះគឺជាស្គ្រីបដែលប្រើបច្ចេកទេសនេះ។
- ស្គ្រីបនេះនឹងវិនិច្ឆ័យដោយផ្អែកលើរយៈពេលដែលអ្នកប្រើកណ្តុរនៅលើតំណ។
- នៅពេលដែលវាឈានដល់ 65ms អ្នកប្រើប្រាស់មានឱកាសពាក់កណ្តាលនៃការបើកតំណ ហើយ Instant.page ផ្ទុកទំព័រនេះជាមុន។
ទំព័របណ្តាញផ្ទុកកូដស្គ្រីប JS ជាមុន
1) ផ្តល់ស្គ្រីប JS ជាផ្លូវការជាមួយនឹង Cloudflare acceleration▼
ការប្រើប្រាស់ instant.page គឺសាមញ្ញណាស់ ដោយគ្រាន់តែបន្ថែមកូដខាងក្រោមទៅកាន់គេហទំព័ររបស់អ្នក។មុនស្លាក។
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>
2) សេរីភាពធ្វើជាម្ចាស់ផ្ទះChen Weiliangការផ្តល់ជូន▼
- ស្គ្រីបរស់នៅក្នុងម៉ាស៊ីនមេ Instantclick-1.2.2.js ដូច្នេះអ្នកមិនចាំបាច់ព្រួយបារម្ភអំពីការបន្ថយល្បឿននោះទេ។
សូមបន្ថែមកូដខាងក្រោមទៅកាន់គេហទំព័ររបស់អ្នក។មុនស្លាក:
<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) បានចែករំលែកថា "តើការប្រើប្រាស់គេហទំព័រដែលផ្ទុកជាមុនគឺជាអ្វី? Prefetch web pageing preloading preloading instant.page technology" ដើម្បីជួយអ្នក។
សូមស្វាគមន៍ចំពោះការចែករំលែកតំណភ្ជាប់នៃអត្ថបទនេះ៖https://www.chenweiliang.com/cwl-1053.html
សូមស្វាគមន៍មកកាន់ឆានែល Telegram នៃប្លុករបស់ Chen Weiliang ដើម្បីទទួលបានព័ត៌មានថ្មីៗចុងក្រោយបង្អស់!
📚 មគ្គុទ្ទេសក៍នេះមានតម្លៃមហាសាល 🌟នេះជាឱកាសដ៏កម្រ សូមកុំអូសរំលង! ⏰⌛💨
Share និង Like ប្រសិនបើអ្នកចូលចិត្ត!
ការចែករំលែក និងការចូលចិត្តរបស់អ្នកគឺជាការលើកទឹកចិត្តបន្តរបស់យើង!