Pemilik halaman web ingin mengoptimumkan pengalaman utama pengguna pada halaman web mereka. Banyak alat telah diperkenalkan untuk mengoptimumkan dan meningkatkan kualiti halaman web. Alat ini boleh digunakan oleh mana-mana pemilik perniagaan, pemasar atau pembangun, untuk meningkatkan kuantiti dan pengalaman tapak, dan mereka boleh mengenal pasti peluang untuk menambah baik.
Teras Web Vitals lwn Rumah Api
Perbezaan antara Core Web Vitals dan Lighthouse ialah kedua-dua alatan itu diperkenalkan oleh Google dan tiga metrik yang diperkenalkan oleh Core Web Vitals ialah LCP (Largest Contentful Paint), FID (First Input Display), CLS (Cumulative Layout Shift) semasa di Sebaliknya, Google Lighthouse juga mempunyai tiga metrik dan kedua-duanya adalah sama dengan Core Web Vitals iaitu LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift), TBT (Total Blocking Time).
Core Web Vitals telah diperkenalkan oleh Google pada tahun 2020 bulan Mei. Ia adalah subset daripada vitals web, dan ia digunakan untuk semua halaman web Google. Dan pemilik tapak halaman web ini mengukur dengan bantuan alat ini, dan kemudian mengikut itu, Google menyusunnya.
Alat Lighthouse telah diperkenalkan oleh Google pada tahun 19 Mei 2020. Alat ini dibina untuk mengukur vital web teras dan juga dalam meningkatkan atau mengoptimumkan kualiti halaman web. Alat ini digunakan selepas memasukkan URL halaman web, dan kemudian ia menjalankan satu siri semakan dan kemudian menjaringkan halaman web dengan laporan terperinci mengenainya.
Jadual Perbandingan Antara Teras Web Vitals dan Rumah Api
| Parameter Perbandingan | Penting Web Teras | Rumah api |
| Apa ini? | Ia adalah subset penting web dan digunakan pada semua halaman web, diukur oleh semua pemilik tapak dan permukaan di seluruh Google. | Alat untuk meningkatkan kualiti halaman web |
| Kaedah Operasi | Menunjukkan prestasi halaman web berdasarkan data penggunaan dunia sebenar (data medan) | Ia menjana siri semakan, dan kemudian laporan terperinci ditunjukkan dengan skor prestasi halaman tersebut. |
| Diperkenalkan dalam | Mei 2020 | 19 Mei 2020 |
| Diukur Oleh | Ia diukur oleh alat Lighthouse, laporan Chrome UX, Chrome DevTools, Konsol Carian, PageSpeed Insights. | Tiada alat sedemikian untuknya. |
| Metrik | LCP (Cat Kandungan Terbesar), FID (Paparan Input Pertama), CLS (Anjakan Reka Letak Kumulatif) | LCP (Cat Kandungan Terbesar), CLS (Anjakan Reka Letak Kumulatif), TBT (Jumlah Masa Penyekatan) |
Apakah itu Core Web Vitals?
Core Web Vitals boleh ditakrifkan sebagai subset daripada vitals web yang digunakan pada halaman web yang terdapat di seluruh tapak web Google. Halaman web ini mesti diukur oleh pemilik tapak, dan kemudian ini muncul di Google. Alat ini telah diperkenalkan pada Mei 2020 dan alat ini menapis prestasi halaman web berdasarkan data penggunaan dunia sebenar atau menyebut data medan.
Core Web Vitals boleh diukur dengan banyak alatan, dan sebahagian daripadanya ialah – Alat Lighthouse, laporan Chrome UX, Chrome DevTools, Konsol Carian dan PageSpeed Insights. Metrik semasa alat memfokuskan pada tiga perkara yang membantu dalam meningkatkan pengalaman pengguna - pemuatan (LCP), interaktiviti (FID) dan pemuatan visual (CLS).
LCP atau Largest Contentful Paint mengukur prestasi pemuatan halaman web, dan dalam masa 2.5 saat, LCP akan berlaku. FID atau Paparan Input Pertama halaman web mengukur interaktiviti, dan halaman mesti mempunyai 100 milisaat atau kurang FID. CLS atau Anjakan Susun Atur Kumulatif halaman mengukur pemuatan visual dan halaman mesti mempunyai 0.1 atau kurang CLS. Halaman web dengan melepasi semua metrik melebihi 75% dikatakan mencapai sasaran yang betul untuk khalayak.
Apa itu Rumah Api?
Rumah Api ialah alat automatik yang diperkenalkan oleh Google yang membantu dalam meningkatkan kualiti halaman web. Ia adalah alat percuma yang disediakan kepada pengguna. Alat ini membantu dalam memberikan cerapan tentang perkara yang berbeza yang diperlukan untuk meningkatkan kualiti halaman web, seperti - prestasi keseluruhan halaman, kebolehgunaan SEO, kebolehcapaian halaman web, aplikasi web progresif dan amalan terbaik.
Alat rumah api menggunakan URL halaman web, yang perlu diperbaiki dan kemudian menjalankan beberapa siri semakan padanya. Skor alat pada halaman web, dan laporan terperinci dihasilkan tentang prestasi halaman tersebut. Selain itu, tiada alat pengukur untuk Rumah Api, tidak seperti Core Web Vitals.
Alat Rumah Api Google juga berfungsi pada tiga metrik yang mana dua daripadanya adalah sama dengan Core Web Vitals, iaitu LCP, CLS dan TBT. LCP (Largest Contentful Paint) mengukur pengalaman memuatkan halaman web dan ia mesti mendapat markah 2.5 saat atau ke bawah. CLS (Cumulative Layout Swift) mengukur pemuatan visual halaman web, dan ia mesti mendapat markah 0.10 atau kurang. TBT (Total Blocking Time) mengukur responsif halaman web. Ia mempunyai hubungan bersama dengan FID.
Perbezaan Utama Antara Vitals Web Teras dan Rumah Api
Kesimpulan
Kejayaan jangka panjang mana-mana tapak atau halaman web memerlukan kualiti kandungan yang dioptimumkan dan ciri lain, yang membawa trafik yang sihat ke halaman web. Untuk perkara yang sama, Google telah mencipta dan melancarkan banyak alat pengukur untuk melaporkan prestasi keseluruhan halaman web sejak beberapa tahun yang lalu. Sesetengah pembangun yang berpengalaman mendapati alat tersebut mudah digunakan, manakala sesetengah daripada mereka juga menilai alat tersebut sebagai alat yang sukar untuk diatasi.
Alat ini secara automatik menapis kandungan dan halaman web berdasarkan metrik, yang telah direka bentuk untuk mengosongkan sebanyak mungkin untuk menjadikan halaman web dioptimumkan sepenuhnya dengan kualiti kandungan dan lain-lain. Terdapat empat metrik di mana dua daripadanya adalah sama untuk kedua-dua alatan (Core Web Vitals dan Lighthouse), manakala salah satu daripadanya adalah berbeza dalam kes alat Lighthouse. Metriknya ialah LCP, CLS, FID dan TBT.
Rujukan
- https://www.itema-conference.com/wp-content/uploads/2021/04/ITEMA-2020_Conference-Proceedings_FINAL.pdf#page=25
- https://www.mdpi.com/0718-1876/16/5/77
- https://www.theseus.fi/bitstream/handle/10024/352102/Analyis%20of%20deploying%20a%20React%20PWA%20on%20Google%20Play%20Store%20using%20TWA_Yoseph%20Alemu%20Final%20Alemu_Final%20 29.pdf?sequence=2
- https://staff.fnwi.uva.nl/a.s.z.belloum/MSctheses/MScthesis_Tjarco.pdf
