លោក Seo

5 វិធីដើម្បីបង្កើនប្រសិទ្ធភាពគេហទំព័ររបស់អ្នកសម្រាប់លក្ខណៈវិនិច្ឆ័យល្បឿនទំព័រ Google

នៅក្នុងខែឧសភា ឆ្នាំ 2018 Google បានបញ្ចេញ Lighthouse 3.0 ដែលជាកំណែអាប់ដេតនៃឧបករណ៍ប្រភពបើកចំហរបស់ពួកគេសម្រាប់សវនកម្មគុណភាព និងល្បឿននៃគេហទំព័រ។ Lighthouse 3.0 នាំមកនូវជម្រើសលទ្ធផលថ្មីសម្រាប់របាយការណ៍ ប៉ុន្តែក៏មានការផ្លាស់ប្តូរមួយចំនួនចំពោះវិធីដែលវាវាស់ល្បឿន និងដំណើរការគេហទំព័រ ដូចជាការណែនាំនៃ First Contentful Paint ជាឧបករណ៍វាស់ស្ទង់ល្បឿន និងទម្ងន់ថ្មីសម្រាប់ការត្រួតពិនិត្យដំណើរការ។

បុរសដែលមានរូបភាពកុំព្យូទ័រ

ហើយចាប់ពីខែឧសភា 2018? Google បានចេញផ្សាយការផ្លាស់ប្តូរកាន់តែច្រើន។ នោះហើយជាមូលហេតុដែលយើងចែករំលែកវិធីប្រាំយ៉ាងដែលអ្នកអាចធ្វើឱ្យគេហទំព័ររបស់អ្នកប្រសើរឡើងនៅថ្ងៃនេះ។

តោះ​ចាប់ផ្តើម។

ហេតុអ្វីបានជាបង្កើនល្បឿនគេហទំព័ររបស់អ្នកឥឡូវនេះ?

បង្គោលភ្លើងហ្វារបានបន្តវិវឌ្ឍក្នុងឆ្នាំនេះចាប់តាំងពី 3.0 បានធ្លាក់ចុះ។ ថ្មីៗនេះ Google បានប្រកាសថាខ្លួនកំពុងធ្វើការលើ "Platform Packs" សម្រាប់ Lighthouse ដែលអ្នកសាកល្បងអាចទទួលបានគន្លឹះបង្កើនប្រសិទ្ធភាពល្បឿន ដែលជាក់លាក់ចំពោះ CMS និង code libraries ដែលប្រើប្រាស់នៅលើគេហទំព័ររបស់ពួកគេ។

ដូច្នេះប្រសិនបើអ្នកកំពុងប្រើ Angular JavaScript ជាមួយ WordPress ជាឧទាហរណ៍ អ្នកមានសំណាង ប៉ុន្តែកំណែជាច្រើនទៀតនៃ Platform Packs កំពុងត្រូវបានអភិវឌ្ឍរួចហើយ ដោយមានជំនួយពីសហគមន៍ GitHub ។

ការធ្វើបច្ចុប្បន្នភាព Lighthouse របស់ Google ជាមួយនឹង Page Speed ​​Insights

ប្រភពរូបភាព

Google បាននឹងកំពុងបង្កើនបន្តិចម្តងៗនូវសារៈសំខាន់នៃល្បឿនគេហទំព័រជាលក្ខណៈវិនិច្ឆ័យចំណាត់ថ្នាក់ស្វែងរកចាប់តាំងពីការណែនាំសន្ទស្សន៍ទូរស័ព្ទចល័តដំបូងក្នុងឆ្នាំ 2016 ដូច្នេះវាជាការល្អក្នុងការយកចិត្តទុកដាក់លើមាត្រដ្ឋាន និងនិន្នាការទាំងនេះ។ Google បានដាក់ចេញនូវការអាប់ដេត algorithm tweak ប្រមាណ 62 ក្នុងរយៈពេលជាមធ្យម ចុងសប្តាហ៍ ក្នុង​ឆ្នាំ 2018 ដូច្នេះ​ការ​ធានា​ថា​អ្នក​ជាប់​ចំណាត់​ថ្នាក់​បាន​ល្អ​កំពុង​ក្លាយ​ជា​ការអនុវត្ត​ដែល​មាន​ភាព​ស្វាហាប់​ខ្លាំង​ឡើង។ ហើយដោយផ្តល់នូវភាពថ្មីដែលទាក់ទងនៃសន្ទស្សន៍ទូរស័ព្ទចល័តដំបូង ក៏ដូចជាឥទ្ធិពលមិនសមាមាត្ររបស់វាទៅលើចរាចរណ៍គេហទំព័រ វាសមហេតុផលថាការកែលម្អក្បួនដោះស្រាយភាគច្រើននឹងផ្តោតលើទូរស័ព្ទ។

ប្រហែលជាទឡ្ហីករណ៍ខ្លាំងបំផុតក្នុងការតាមដានយ៉ាងជិតស្និទ្ធលើ Lighthouse គឺនេះគឺជាលើកទីមួយហើយដែល Google បានបង្កើតឧបករណ៍វាស់ល្បឿនសេវាកម្មដោយខ្លួនឯង ដែលព្យាយាមចម្លងពេលវេលាយឺតយ៉ាវដែលបានជួបប្រទះដោយអ្នកទស្សនាគេហទំព័រពិត ផ្ទុយពី bots ។

លោក John Mueller អ្នកវិភាគនិន្នាការនៃគេហទំព័របានពន្យល់កាលពីខែកុម្ភៈថា "ការវាស់វែងទាំងនេះជាច្រើនដែលអ្នកកំពុងមើលពី Lighthouse ត្រូវបានបង្ហាញជាចម្បងដល់អ្នកទាក់ទងនឹងផ្នែកដែលប្រឈមមុខនឹងអ្នកប្រើប្រាស់" លោក John Mueller អ្នកវិភាគនិន្នាការនៃគេហទំព័របានពន្យល់កាលពីខែកុម្ភៈក្នុងអំឡុងពេលម៉ោងការិយាល័យ Hangout វគ្គ Q&A ។ "តាមទស្សនៈរបស់យើង តាមទស្សនៈនៃការស្វែងរក យើងយករង្វាស់ជាច្រើនប្រភេទនេះរួមគ្នា ដើម្បីស្វែងយល់ពីរបៀបដែលយើងគួរមើលឃើញគេហទំព័រនេះទាក់ទងនឹងល្បឿន។"

ជាមួយនឹងគំនិតទាំងអស់នេះ យើងបានប្រមូលផ្តុំនូវគន្លឹះចំនួន XNUMX ដើម្បីជួយអ្នកផ្គាប់ចិត្តព្រះរបស់ Google ជាមួយនឹងល្បឿនគេហទំព័ររបស់អ្នក។

អនុវត្តការផ្ទុកខ្ជិល

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

ឧទាហរណ៍នៃការផ្ទុកខ្ជិលពី Medium

ប្រភពរូបភាព

ជាមួយនឹងការផ្ទុកដោយខ្ជិល មានតែផ្នែកនៃគេហទំព័រប៉ុណ្ណោះដែលត្រូវបានផ្ទុកនៅពេលមួយ ដែលជាផ្នែកដែលអ្នកមើលកំពុងមើលនៅវិនាទីនោះ ដូច្នេះអ្នកនឹងឈប់ផ្ទុកផ្នែកបន្ទាប់រហូតដល់អ្នកទស្សនារមូរចុះក្រោម។ វាកាត់បន្ថយរយៈពេលដែលវាត្រូវការដើម្បីឈានដល់ម៉ែត្រដូចជា First Meaningful Paint និង First Content Paint ដែលជារង្វាស់ពីរដែល Lighthouse ប្រើដើម្បីវាស់ល្បឿន និងដំណើរការគេហទំព័រ។

ការផ្ទុកខ្ជិលគឺជាកត្តាចាំបាច់ ប្រសិនបើអ្នកបានអនុវត្ត "ការរមូរគ្មានកំណត់" ដែលពេញនិយមជាមួយគេហទំព័រដែលមានមាតិកាធ្ងន់ ប៉ុន្តែវាអាចជួយលើគេហទំព័រគ្រប់ប្រភេទ។ តាមពិត វេទិការចនាគេហទំព័រ Duda បានរកឃើញថា បន្ទាប់ពីការអនុវត្តការផ្ទុកខ្ជិលនៅលើគេហទំព័រ Duda-powered នោះ អចលនទ្រព្យទាំងនោះបានឃើញជាមធ្យម 10 ពិន្ទុក្នុងការលើកពិន្ទុ Lighthouse ដែលមិនមានអ្វីត្រូវរង្គោះរង្គើឡើយ។

2. បង្កើតទម្រង់រូបភាពជំនាន់ក្រោយឱ្យបានច្រើនបំផុត

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

ទម្រង់ជំនាន់បន្ទាប់រួមមាន JPEG 2000, JPEG XR និង WebP ។ ទម្រង់ទាំងនេះបង្រួម និងបំប្លែងរូបភាពដើម្បីធ្វើឱ្យពួកវាតូចជាង PNGs និង JPGs ប្រពៃណី ប៉ុន្តែពួកវាមិនមានឥទ្ធិពលអវិជ្ជមានលើគុណភាពរូបភាពនោះទេ។ នៅពេលអ្នកប្រើទម្រង់ជំនាន់បន្ទាប់ អ្នកអាចបង្កើនល្បឿនពេលវេលាផ្ទុកទំព័រយ៉ាងខ្លាំង សូម្បីតែរូបភាពដែលមានវិមាត្រភីកសែលធំជាងក៏ដោយ ដោយមិនមានការលះបង់ទៅលើគុណភាពរូបភាពនោះទេ។ សូមពិនិត្យមើលទិន្នន័យនេះពី Insane Lab ដែលបានបាញ់ថាតើឯកសារ WebP មានទំហំតូចជាងឯកសារ PNG ប៉ុនណា៖

ក្រាហ្វឯកសារ WebP ទល់នឹង PNG

Google ជាពិសេសលើកទឹកចិត្តឱ្យអ្នកគ្រប់គ្រងគេហទំព័រប្រើទម្រង់ WebP ថ្មីរបស់ខ្លួន ដែលត្រូវបានគាំទ្រដោយកម្មវិធីរុករក Chrome និង Opera ។ WebP ផលិតរូបភាពដែលមានទំហំតូចជាង PNG 26% និង 25-35% តូចជាងទម្រង់ JPG ។

3. ប្រើបណ្តាញចែកចាយមាតិកា

បណ្តាញចែកចាយមាតិកា ឬ CDN គឺជាដំណោះស្រាយដ៏ល្អសម្រាប់ការបង្កើនល្បឿននៃការផ្ទុកទំព័ររបស់អ្នក ដែលជារង្វាស់សំខាន់បំផុតទីពីរសម្រាប់ការវាយតម្លៃដំណើរការល្អនៅក្នុង Lighthouse 3.0 ។

ជាទូទៅ CDN គឺជាបណ្តាញនៃម៉ាស៊ីនមេដែលត្រូវបានចែកចាយនៅជុំវិញពិភពលោក ហើយធ្វើការរួមគ្នាដើម្បីចែកចាយមាតិការបស់អ្នក។ ដោយសារតែម៉ាស៊ីនមេនៅក្នុង CDN ត្រូវបានបែកខ្ញែកតាមភូមិសាស្រ្ត វាតែងតែមានមួយដែលនៅជិតបំផុតសម្រាប់អ្នកប្រើប្រាស់ស្ទើរតែគ្រប់រូប ដោយកាត់បន្ថយពេលវេលាដែលវាត្រូវការសម្រាប់មាតិការបស់អ្នកដើម្បីទៅដល់កម្មវិធីរុករករបស់ពួកគេ។

ការពន្យល់របស់ CDN

ប្រភពរូបភាព

CDNs ជាញឹកញាប់ប្រើយុទ្ធសាស្ត្របង្ហាប់កម្រិតខ្ពស់ផងដែរ ដូចជាការបង្រួមតូច និងការបង្ហាប់ឯកសារ ដែលជួយឱ្យទ្រព្យសកម្មមាតិការបស់អ្នកផ្ទេរបានលឿនជាងមុន ផ្តល់ភាពអាចរកបាននៃមាតិកាប្រសើរជាងមុន និងការប្រើប្រាស់ឡើងវិញ ដូច្នេះចរាចរណ៍ខ្លាំងមិនរំខានដល់ដំណើរការគេហទំព័ររបស់អ្នក។ CDNs ទំនងជាមិនសូវធ្លាក់ចុះនៅពេលប្រឈមមុខនឹងការបរាជ័យផ្នែករឹង។ គេហទំព័រមាតិកាធំដែលពឹងផ្អែកលើពេលវេលាផ្ទុកលឿនខ្លាំង ដូចជា Netflix, Facebook និង Amazon ប្រើ CDNs។

4. កម្ចាត់កម្មវិធីជំនួយដែលមិនចាំបាច់

ប្រសិនបើអ្នកមានគេហទំព័រដែលដំណើរការលើប្លក, រូបភាព ឬវេទិកាស្រដៀងគ្នាដែលពឹងផ្អែកលើកម្មវិធីជំនួយសម្រាប់មុខងារបន្ថែមនោះ កម្មវិធីជំនួយទាំងនោះអាចកាត់បន្ថយការឆ្លើយតបនៃគេហទំព័ររបស់អ្នក ដែលប៉ះពាល់ដល់រង្វាស់អន្តរកម្មរបស់វា និងអូសចុះក្រោមនូវពិន្ទុប្រតិបត្តិការ Lighthouse 3.0 របស់អ្នក។

កម្មវិធីជំនួយមួយចំនួនអាចមានសារៈសំខាន់សម្រាប់គេហទំព័ររបស់អ្នក ដូចជាដំណើរការទូទាត់ប្រាក់របស់អ្នក ប៉ុន្តែកម្មវិធីជំនួយផ្សេងទៀតប្រហែលជាមិនមានគោលបំណងច្រើនទៀតទេ។ កម្មវិធីជំនួយជាច្រើនសួរម៉ាស៊ីនមេភាគីទីបីសម្រាប់ព័ត៌មាន ដែលអាចធ្វើឱ្យអ្វីៗកាន់តែយឺត។ នៅក្នុងការស្ទង់មតិថ្មីៗនេះពី DigWP អ្នកជំនាញ WordPress ជាង 900 នាក់បានបង្ហាញពីចំនួនកម្មវិធីជំនួយដែលជាធម្មតាពួកគេមើលឃើញថាជាកម្រិតនៃ "ច្រើនពេក" ដោយ 75% នៃអ្នកឆ្លើយតបយល់ស្របថា 25 គឺជាដែនកំណត់។ ជាងមួយភាគបីនៃអ្នកឆ្លើយតបបានផ្តល់អនុសាសន៍ 10 ជាដែនកំណត់។

បញ្ជីកម្មវិធីជំនួយ

កម្មវិធីជំនួយបន្ថែមអាចនាំឱ្យ database អាប់អួរ ពង្រីកទម្ងន់នៃគេហទំព័ររបស់អ្នកដោយឥតប្រយោជន៍ ធ្វើឱ្យវាកាន់តែយឺតក្នុងការផ្ទុក ដូច្នេះកាន់តែអ្នកមានតិច កាន់តែប្រសើរ។

5. លុបច្បាប់ CSS ដែលអ្នកមិនប្រើ

ច្បាប់ CSS នៃគេហទំព័ររបស់អ្នកត្រូវបានកំណត់នៅក្នុងឯកសារ main.css ។ វាត្រូវបានគេហៅផងដែរថាសន្លឹករចនាប័ទ្មខាងក្រៅព្រោះវាត្រូវបានរក្សាទុកដាច់ដោយឡែកពីគេហទំព័រ HTML ។ ដើម្បីឱ្យគេហទំព័ររបស់អ្នកអាចផ្ទុក First Contentful Paint ដែលមានឥទ្ធិពលខ្ពស់លើការអនុវត្តយោងទៅតាមកំណែ Lighthouse ថ្មី កម្មវិធីរុករកតាមអ៊ីនធឺណិតត្រូវទាញយក ញែក និងដំណើរការរាល់សន្លឹករចនាប័ទ្ម CSS ជាមុនសិន ដើម្បីកំណត់ពីរបៀបដែលមាតិកានឹងត្រូវបានបង្ហាញ។

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

ច្បាប់ CSS

ប្រភពរូបភាព

ការបង្រួមឯកសារ CSS របស់អ្នកដោយប្រើកម្មវិធីជំនួយដូចជា Fast Velocity Minify អាចជួយបានយ៉ាងច្រើនជាមួយនឹងពិន្ទុ Lighthouse របស់អ្នក ប៉ុន្តែអ្នកអាចធ្វើបន្ថែមទៀតដើម្បីធានាថាពេលវេលាផ្ទុក CSS មិនរារាំងអ្នកទេ។ ការលុបនិយមន័យ CSS ដែលមិនបានប្រើទាំងអស់ បង្កើនល្បឿនដំណើរការបន្ថែមទៀត និងធ្វើឱ្យដំណើរការគេហទំព័ររបស់អ្នកប្រសើរឡើងសម្រាប់ការវាយតម្លៃ Google កាន់តែប្រសើរ។

ការធ្វើតាមលក្ខណៈវិនិច្ឆ័យល្បឿនរបស់ Google ធ្វើអោយដំណើរការប្រសើរឡើង

ការណែនាំ និងការអភិវឌ្ឍន៍ដែលកំពុងបន្តនៃ Lighthouse 3.0 គួរតែត្រូវបានគេមើលឃើញថាជាការរំលឹកមួយផ្សេងទៀតអំពីសារៈសំខាន់នៃការធ្វើឱ្យគេហទំព័ររបស់អ្នកប្រសើរឡើងដោយយោងទៅតាមលក្ខណៈវិនិច្ឆ័យល្បឿនចុងក្រោយរបស់ Google ។ តាមរយៈការកម្ចាត់ច្បាប់ និងកម្មវិធីជំនួយ CSS ដែលអ្នកមិនត្រូវការ ដោយប្រើ CDNs និងទម្រង់រូបភាពជំនាន់ក្រោយ និងធ្វើឱ្យការផ្ទុកដោយខ្ជិលបំផុត អ្នកអាចធ្វើឱ្យគេហទំព័ររបស់អ្នកប្រសើរឡើង កាត់បន្ថយពេលវេលាផ្ទុកទំព័រ និងកែលម្អដំណើរការដើម្បីរក្សានៅក្នុង Google's សៀវភៅល្អៗ។

អំពី​អ្នក​និពន្ធ

អ្នកប្រឹក្សាយោបល់ អ្នកឯកទេសប្រព័ន្ធផ្សព្វផ្សាយសង្គម និងអ្នកសរសេរប្លុកដែលមានមូលដ្ឋាននៅទីក្រុង Tel Aviv លោក Gabrielle Sadeh ជួយម៉ាកនានាចែករំលែកសំឡេងរបស់ពួកគេ និងពង្រីកអាជីវកម្មរបស់ពួកគេតាមរយៈយុទ្ធសាស្រ្តទីផ្សារឌីជីថលដ៏មានឥទ្ធិពល។ មធ្យោបាយដ៏ល្អបំផុតដើម្បីទាក់ទងនាងគឺតាមរយៈប្រវត្តិរូប LinkedIn របស់នាង។

អត្ថបទ​ដែល​ទាក់ទង

សូមផ្ដល់យោបល់

អាស័យដ្ឋានអ៊ីមែលរបស់អ្នកនឹងមិនដាក់បង្ហាញជាសាធារណះ។

ត្រលប់ទៅកំពូល