Google Core Web Vitals: Semua yang Perlu Anda Ketahui

Google selalu menghargai kebutuhan penggunanya. Mereka selalu bekerja untuk pengalaman pengguna yang lebih baik, mulai dari memasukkan kata kunci hingga memperkenalkan kecepatan memuat situs web, pertimbangan peringkat hingga peringkat pertama seluler. Langkah lain dalam pendekatan itu adalah Core Web Vitals.

Apa Itu Vital Web Inti?

Google menggunakan kombinasi metrik yang signifikan untuk menentukan peringkat halaman, dan Core Web Vitals adalah salah satunya. Mereka menganalisis kegunaan situs, kecepatan memuat, stabilitas visual, dan relevansi informasi. Saat pengguna mencari di internet, semua Google Core Web Vitals berusaha untuk menjamin bahwa pengguna menerima hasil terbaik dan paling relevan.

Metrik Web Vitals dibagi menjadi dua bagian: Core Web Vitals dan non-Core Web Vitals.

Data Web Inti adalah:

• Cat Contentful Terbesar (LCP)
• Penundaan Input Pertama (FID)
• Pergeseran Tata Letak Kumulatif (CLS)

Dan Data Web non-Inti adalah:

• Total Waktu Pemblokiran (TBT)
• Cat Contentful Pertama (FCP)
• Indeks Kecepatan (SI)
• Waktu untuk Interaktif (TTI)

Namun, sebelum kita membahas semua Web Vitals, mari kita bicara tentang mengapa mereka begitu penting.

Mengapa Vital Web Inti penting?

Pentingnya Core Web Vitals adalah bahwa mereka mencerminkan bagaimana kinerja situs web Anda bagi pengguna. Ini berkaitan dengan kecepatan pemuatan situs web dan seberapa cepat pengunjung dapat terhubung.

Menurut penelitian terbaru, penundaan 1 detik dalam waktu buka halaman dapat mengakibatkan penurunan 7% dalam konversi, penurunan kunjungan halaman sebesar 11%, dan penurunan kepuasan pelanggan sebesar 16%.

Akibatnya, sangat penting untuk mempercepat dan meningkatkan kinerja situs web Anda. Di sisi lain, sebagian besar metode pengukuran kinerja tidak mempertimbangkan kualitas pengalaman pengguna.

Konversi, tampilan halaman, dan kepuasan pelanggan semuanya menderita dari situs web yang lebih cepat dengan pengalaman pengguna yang buruk. Meningkatkan Vital Web inti dapat membantu Anda mengatasi masalah ini.

Dalam peringkat SEO, pengalaman pengguna juga merupakan faktor penting. Google sebelumnya telah mengatakan bahwa mulai Mei 2021, pengalaman halaman akan menjadi salah satu faktor peringkat dalam pembaruan algoritma pencarian.

Tiga Komponen Data Web Inti Google

Sekarang, mari kita lihat masing-masing dari tiga komponen Google Core Web Vitals:

Cat Isi Besar (LCP)

Cat Contentful Terbesar adalah metrik vital web inti yang mengukur waktu yang diperlukan untuk memuat halaman. Ini menghitung waktu yang diperlukan untuk merender elemen konten terbesar di dalam area yang dapat dilihat pengguna. Itu tidak mengukur seluruh halaman.

Apa itu skor LCP yang Baik?

Menurut Google, situs Anda harus memiliki LCP 2,5 detik atau kurang untuk memberikan pengalaman pengguna terbaik.

LCP dinilai pada skala "baik" hingga "buruk", seperti metrik Data Web Inti lainnya:

• Bagus: Setiap LCP yang kurang dari 2,5 detik dianggap baik.
• Perlu Peningkatan: Skor antara 2,5 dan 4,0 detik perlu ditingkatkan.
• Buruk: LCP lebih dari 4,0 detik buruk, dan akibatnya, pengguna Anda mengalami pengalaman buruk saat mengunjungi situs web Anda.

Mengapa Largest Contentful Paint (LCP) Penting?

Elemen ini seharusnya menjadi hal pertama yang dilihat seseorang ketika mereka mengunjungi halaman. LCP secara dramatis memengaruhi pengalaman pengguna karena skor yang baik akan membuat pengguna berpikir bahwa situs memuat lebih cepat, tetapi skor yang buruk akan membuat mereka frustrasi. Juga telah ditetapkan bahwa skor ini akan memengaruhi peringkat SEO di masa mendatang.

Apa yang Dapat Menyebabkan Skor LCP Buruk?

Berikut adalah penyebab skor LCP buruk:

• Waktu Respon Lambat.
• Render Memblokir CSS.
• Render Memblokir Javascript.
• Render sisi klien.
• File CSS dan JS yang tidak dioptimalkan dan tidak dibersihkan.
• Font Tidak Terlihat Selama Pemuatan Halaman.
• Gambar yang tidak dioptimalkan.
• Urutan Pemuatan Sumber Daya yang Tidak Dioptimalkan.

Bagaimana Meningkatkan Skor LCP Anda?

Berikut adalah cara untuk meningkatkan skor LCP Anda:

• Hapus skrip pihak ketiga yang tidak perlu.
• Perkecil CSS Anda.
• Siapkan pemuatan gambar yang lambat.
• Tingkatkan ke host web yang lebih cepat.
• Instal CDN.
• Cache aset.
• Hapus elemen halaman besar yang membutuhkan lebih banyak waktu untuk memuat.
• Ikuti saran Google untuk URL spesifik Anda.

Penundaan Input Pertama (FID)

Penundaan Input Pertama adalah waktu yang diperlukan antara saat pengguna pertama kali berinteraksi dengan situs web (yaitu, mengklik tautan, mengetuk tombol, atau menggunakan kontrol khusus yang didukung JavaScript) dan saat browser dapat mulai memproses pengendali peristiwa sebagai respons terhadap interaksi itu.

Apa itu Skor FID yang Baik?

Waktu reaksi 100 ms atau kurang dianggap instan oleh pengguna. Ini menunjukkan bahwa agensi SEO teknis harus mencoba Penundaan Input Pertama kurang dari 0,1 detik untuk semua halaman web.

FID dinilai pada skala "baik" hingga "buruk", seperti metrik Data Web Inti lainnya:

• Baik: FID apa pun yang kurang dari 100 md dianggap baik.
• Perlu Peningkatan: Skor antara 100 dan 300 md perlu ditingkatkan.
• Buruk: FID lebih dari 300 ms buruk.

Mengapa First Input Delay (FID) Penting?

Jika pengguna berusaha untuk terlibat dengan situs web dan tidak segera membalas, mereka kemungkinan besar akan merasa tidak puas. Sangat penting untuk mengurangi gangguan untuk meningkatkan pengalaman situs web. Dalam peningkatan algoritme SEO pengalaman halaman di masa mendatang, ukuran ini akan secara langsung memengaruhi peringkat SEO.

Apa yang Bisa Menyebabkan Skor FID Buruk?

Penyebab paling umum dari FID yang buruk adalah:

• Tugas panjang di mana browser harus dijeda.
• Eksekusi Javascript yang lama.
• Bundel Javascript berat.
• Javascript yang memblokir perenderan.

Bagaimana Meningkatkan Skor FID Anda?

Berikut adalah cara umum untuk meningkatkan skor FID Anda:

• Optimalkan Urutan Pemuatan Sumber Daya.
• Optimalkan Waktu Eksekusi Javascript.
• Kurangi Jumlah Javascript Pihak Ketiga.
• Tunda Aset Javascript yang tidak kritis untuk dieksekusi.
• Tingkatkan waktu respons server.
• Kurangi jumlah dan ukuran permintaan aset.
• Gunakan Rendering sisi Server bersama dengan Cache sisi Server.
• Pisahkan kode dan gunakan CSS penting untuk bagian paruh atas halaman web.
• Minimalkan Pekerjaan Pemrosesan Utas Utama Peramban.
• Gunakan pekerja Web bersama dengan Pekerja layanan.

Pergeseran Tata Letak Kumulatif (CLS)

Pergeseran Tata Letak Kumulatif mengacu pada pergerakan tiba-tiba komponen halaman web saat halaman masih diunduh. Font, gambar, video, formulir kontak, tombol, dan jenis konten lainnya adalah contoh elemen yang menyebabkan pergeseran.

Anda harus menjaga CLS seminimal mungkin karena menggeser halaman dapat menyebabkan pengalaman pengguna yang buruk.

Apa itu Skor CLS yang Baik?

Skor CLS mulai dari 0 untuk halaman web yang benar-benar statis dan bertambah seiring dengan perubahan tata letak halaman.

Tata letak Anda lebih stabil jika Anda memiliki skor yang lebih rendah. Alat kinerja Google menggunakan skor CLS resmi berikut:

• Baik: Setiap CLS di bawah 0,1 dianggap baik.
• Perlu Peningkatan: Skor antara 0,1 dan 0,25 perlu ditingkatkan.
• Buruk: CLS di atas 0,25 buruk.

Mengapa Pergeseran Tata Letak Kumulatif (CLS) Penting?

Saat konten bergerak secara tidak terduga, ini adalah salah satu pengalaman yang paling membuat frustrasi bagi pengguna akhir. Ini mungkin menyebabkan pengguna kehilangan fokus di mana mereka berada di prosesor untuk mengklik atau menekan objek yang salah. Ini sangat membuat frustrasi dan berbahaya bagi pengalaman pengguna, mendorong Google untuk menganggapnya sebagai faktor peringkat.

Apa yang Bisa Menyebabkan Skor CLS Buruk?

Menurut Google, berikut adalah alasan mengapa Pergeseran Tata Letak Kumulatif terjadi:

• Gambar tanpa dimensi.
• Konten yang dimasukkan secara dinamis.
• Font web menyebabkan FOIT/FOUT.
• Iklan, sematan, dan iframe tanpa dimensi.
• Sebelum mengubah DOM, tindakan menunggu respons jaringan.

Bagaimana Meningkatkan Skor CLS Anda?

Berikut adalah cara untuk meningkatkan skor CLS Anda:

• Hindari pop-up atau spanduk yang menyebabkan tata letak layar bergeser saat situs pertama kali dimuat.
• Tetapkan dimensi atribut ukuran untuk media apa pun (gambar, GIF, dll.), sehingga browser pengguna memahami berapa banyak ruang yang akan mereka gunakan dan tidak mengubah dimensi secara tiba-tiba.
• Letakkan semua iklan di tempat yang telah dipesan, agar tidak muncul tiba-tiba, menyebabkan konten bergeser.
• Ikuti saran Google untuk URL spesifik Anda (Lihat cara mengukur Data Web Inti di bawah).

Vital Web Lainnya

Sementara Data Web Inti menjadi sinyal peringkat, data vital web tambahan tidak boleh diabaikan. Merawat metrik ini sama dengan merawat Pengalaman Pengguna.

Vital Web Lainnya:

Total Waktu Pemblokiran (TBT)

Total Blocking Time (TBT) adalah lamanya waktu Long Tasks (semua tugas yang berjalan lebih dari 50 mdtk) memblokir utas utama dan mengurangi kegunaan halaman. Ini menampilkan seberapa statis halaman sebelum menjadi benar-benar interaktif.

Apa itu Skor TBT yang Baik?

Dalam rata-rata perangkat dan koneksi jaringan, Total Waktu Pemblokiran yang layak adalah kurang dari 300 milidetik. Lighthouse menghitung Total Waktu Pemblokiran dengan menambahkan total dampak pemblokiran dari Tugas Panjang dan membandingkannya dengan Skor TBT dari 10.000 situs web teratas. Pengukuran ini mencakup 404 halaman dan aset.

Ambang batas klasifikasi Waktu Pemblokiran Total:

• Baik: TBT apa pun di bawah 300 md dianggap baik.
• Perlu Peningkatan: Skor antara 300 dan 600 md perlu ditingkatkan.
• Buruk: TBT di atas 600 ms buruk.

Apa yang Bisa Menyebabkan Skor TBT Buruk?

Berikut adalah alasan untuk skor TBT yang buruk:

• Kode JavaScript yang berantakan dan JS yang tidak digunakan.
• Waktu Eksekusi JS yang tinggi.
• Sebuah pekerjaan utas utama yang tinggi.
• Penggunaan berat kode pihak ketiga.

Bagaimana Meningkatkan Skor TBT Anda?

Berikut adalah cara untuk meningkatkan skor TBT:

• Perkecil CSS dan JS.
• Kurangi waktu eksekusi Javascript.
• Hapus Javascript yang tidak digunakan.
• Kurangi dampak kode pihak ketiga.
• Hilangkan sumber daya yang memblokir render.
• Aktifkan kompresi teks.
• Minimalkan pekerjaan utas utama.

Cat Contentful Pertama (FCP)

Saat situs web mulai dimuat, konten pertama yang ditampilkan di layar diukur sebagai First Contentful Paint (FCP).

Ini adalah statistik yang berpusat pada pengguna karena menunjukkan bagaimana pengguna melihat kinerja situs web (bukan bagaimana alat uji kecepatan menilainya). FCP harus serendah mungkin. FCP cepat memberi tahu pengguna bahwa ada sesuatu yang sedang terjadi.

Berapa skor FCP yang baik?

Menurut dokumentasi Google tentang penghitungan peringkat metrik, mereka menilai waktu FCP dalam tiga kategori—baik, perlu peningkatan, dan buruk—dan menjelaskan bagaimana mereka mendapatkan skor persentil yang digunakan oleh alat Lighthouse mereka.

• Baik: Setiap FCP antara 0 dan 1,8 dianggap baik.
• Perlu Peningkatan: Skor antara 1,8 dan 3 perlu ditingkatkan.
• Buruk: FCP di atas 3s buruk.

Apa yang Dapat Menyebabkan Skor FCP Buruk?

Alasan rendahnya skor FCP adalah sebagai berikut:

• Render Memblokir Skrip Dan Stylesheet Eksternal.
• File JavaScript.
• Aset Berbasis Teks Besar.

Bagaimana Meningkatkan Skor FCP Anda?

Berikut ini adalah beberapa saran untuk meningkatkan skor FCP Anda:

• Hilangkan skrip dan stylesheet yang memblokir render.
• Hapus CSS dan JavaScript yang tidak digunakan.
• Pengalihan beberapa halaman harus dihindari.
• Hindari ukuran DOM yang berlebihan.
• Hindari menampilkan teks yang tidak terlihat.
• Kurangi jumlah sumber daya dan ukuran transfer.

Indeks Kecepatan (SI)

Indeks Kecepatan (SI) adalah statistik kinerja pemuatan halaman yang menunjukkan seberapa cepat konten halaman terlihat. Ini adalah jumlah waktu rata-rata yang diperlukan untuk memuat bagian halaman yang terlihat. Semakin rendah skor, dinyatakan dalam milidetik dan tergantung pada ukuran viewport, semakin baik.

Apa itu Skor SI yang Baik?

Menurut Lighthouse, Skor Indeks Kecepatan yang layak harus kurang dari 4,3 detik. Antara 4,4 dan 5,8 detik adalah Skor Indeks Kecepatan rata-rata. Indeks kecepatan lebih dari 5,8 detik dianggap buruk. Lighthouse menghitung semua data di halaman ini menggunakan Standar Arsip HTTP. Kriteria Skor Indeks Kecepatan baik, sedang, dan buruk untuk Lighthouse akan berubah jika data Arsip HTTP berubah.

• Baik: SI kurang dari 4,3 detik dianggap baik.
• Perlu Peningkatan: Setiap skor antara 4,4 dan 5,8 perlu ditingkatkan.
• Buruk: Skor di atas 5,8 detik buruk.

Apa yang Bisa Menyebabkan Skor SI Buruk?

Berikut ini adalah beberapa alasan skor SI rendah:

• Kode JavaScript dan JS yang tidak digunakan.
• Waktu Eksekusi JavaScript.
• Pekerjaan benang utama.
• Kode pihak ketiga.

Bagaimana Meningkatkan Skor SI Anda?

Berikut adalah beberapa saran untuk meningkatkan skor SI Anda:

• Hapus JS yang tidak digunakan.
• Kurangi waktu eksekusi JavaScript.
• Hilangkan sumber daya yang memblokir render.
• Kurangi dampak kode pihak ketiga.
• Minimalkan pekerjaan utas utama.
• Pramuat permintaan kunci.
• Hindari rantai permintaan kritis.
• Pertahankan jumlah permintaan yang rendah dan ukuran transfer yang kecil.
• Kurangi waktu respons TTFB dan server.
• Pastikan Anda menggunakan gambar dalam file yang akan diunggah dalam format yang benar.

Waktu Untuk Interaktif (TTI)

TTI adalah statistik kinerja yang mengevaluasi respons pemuatan halaman dan membantu menganalisis situasi ketika situs web tampak interaktif tetapi tidak.

TTI mengidentifikasi apakah halaman siap untuk interaksi pengguna dengan mengikuti First Contentful Paint (FCP).

Apa itu Skor TTI yang Baik?

Untuk memberikan pengalaman pengguna yang layak, Anda harus selalu menargetkan Time to Interactive kurang dari 3,8 detik. Skor TTI Anda didasarkan pada perbandingan waktu TTI halaman Anda dengan waktu TTI situs berperingkat tinggi, baik yang dilihat di seluler atau desktop.

Beginilah cara Lighthouse menginterpretasikan skor TTI:

• Baik: TTI kurang dari 3,8 detik dianggap baik.
• Perlu Peningkatan: Setiap skor antara 3,9 dan 7,3 perlu ditingkatkan.
• Buruk: Skor di atas 7,3 detik buruk.

Apa yang Bisa Menyebabkan Skor TTI Buruk?

Beberapa penyebab skor TTI yang buruk adalah sebagai berikut:

• Waktu Eksekusi JavaScript.
• Kode JavaScript dan JS yang tidak digunakan.
• Kode pihak ketiga.
• Pekerjaan benang utama.

Bagaimana Meningkatkan Skor TTI Anda?

Berikut adalah beberapa cara untuk membantu Anda meningkatkan skor TTI Anda:

• Perkecil file JavaScript.
• Kurangi waktu eksekusi JavaScript dengan lebih sedikit plugin.
• Optimalkan gambar dan video.
• Kurangi dampak kode pihak ketiga.
• Minimalkan pekerjaan utas utama.
• Jaga agar jumlah permintaan server tetap rendah dan ukuran transfer tetap kecil.
• Pramuat permintaan kunci.

Bagaimana Mengukur Vital Web Inti?

Google telah memudahkan SEO dan pemilik situs web untuk melacak Data Web Inti menggunakan berbagai alat.

Core Web Vitals dirilis hanya beberapa minggu yang lalu, dan hanya dapat dinilai menggunakan laporan Chrome UX pada saat itu.

Dengan berita bahwa Core Web Vitals akan dimasukkan dalam algoritme peringkat Google, perusahaan tersebut meningkatkan banyak alat yang ada dengan kemampuan pengukuran.

Google Core Web Vitals sekarang dapat diukur menggunakan:

Wawasan Google PageSpeed

Dalam hal mengukur dan menilai Core Web Vitals, Google PageSpeed ​​Insights (PSI) adalah salah satu alat SEO yang penting. PSI menggunakan Lighthouse dan Chrome UX Report untuk memberikan data dari lab dan lapangan di perangkat seluler dan desktop. PageSpeed ​​Insights memberikan saran terperinci tentang cara meningkatkan kecepatan situs selain memberikan gambaran umum tentang data lapangan dari pengguna dunia nyata (CrUX).

Google Search Console

Google Search Console dapat membantu Anda memeriksa dan menemukan pengelompokan halaman yang mungkin perlu ditingkatkan atau diperbaiki. GSC didasarkan pada data dari Laporan Chrome UX, yang didasarkan pada penelitian lapangan dunia nyata. URL dikategorikan menurut jenis dan status metriknya (buruk, perlu ditingkatkan, baik). Laporan Data Web Inti GSC akan menunjukkan kepada Anda seberapa baik kinerja semua (atau sebagian besar) halaman web Anda dalam hal Data Penting Web Inti.

Mercusuar Google

Google Lighthouse adalah alat paling populer untuk menguji situs web Anda di lingkungan lab. Ini memungkinkan Anda mengaudit dan mengevaluasi situs web Anda di empat bidang: kinerja, aksesibilitas, praktik terbaik, dan SEO. Lighthouse melacak LCP, CLS, TTI, dan TBT, di antara parameter pengalaman pengguna lab lainnya. Alat ini akan memberi Anda saran terperinci untuk meningkatkan situs Anda, mirip dengan PSI (terutama berdasarkan Lighthouse). Pastikan untuk memeriksa Kalkulator Skor Lighthouse saat Anda menguji situs Anda dengan Lighthouse.

Alat Pengembang Chrome

Chrome DevTools adalah alat pengembang yang sudah diinstal sebelumnya dengan browser Chrome. Untuk mengaksesnya, klik kanan dan pilih “Inspect”, dan Chrome DevTools akan muncul. Anda dapat memeriksa beberapa indikator Data Web Inti menggunakan panel Kinerja Chome DevTools. Mengawasi Web Vitals. Bagian pada pengalaman akan membantu Anda dalam menganalisis penyesuaian tata letak.

Laporan Chrome UX

Laporan UX Chrome adalah kumpulan data publik yang menyediakan data pengalaman pengguna dunia nyata dari jutaan situs web. Ini bukan alat itu sendiri. Data Laporan Pengalaman Pengguna Chrome berasal dari pengguna Chrome yang telah ikut serta; dengan demikian, ia memantau data lapangan untuk semua indikator Data Web Inti. Anda dapat menggunakan CrUX API untuk mengukur versi bidang Data Web Inti di aplikasi Anda jika Anda seorang pengembang.

GTmetrix

GTmetrix adalah alat lab penting lainnya untuk menilai kecepatan dan kinerja situs Anda. Alat ini didasarkan pada data Google Lighthouse. Ini melacak parameter seperti Cat Contentful Terbesar, Waktu Pemblokiran Total, Pergeseran Tata Letak Kumulatif, dan banyak lagi.

Data Web (Ekstensi Chrome)

Web Vitals adalah Ekstensi Google Chrome yang memungkinkan Anda untuk memantau informasi Core Web Vitals secara real-time di desktop Anda. Pengembang yang ingin mengevaluasi dan memecahkan masalah perubahan yang dibuat mungkin merasa bahwa Ekstensi Chrome Web Vitals berguna. Buka situs web dan klik ekstensi untuk memeriksa data.

Akankah Data Web Inti Mempengaruhi Peringkat saya?

Core Web Vitals akan menjadi kriteria peringkat untuk Google pada Juni 2021; dengan demikian, indikator ini dapat mempengaruhi kinerja SEO Anda.

Sinyal pengalaman Halaman baru akan mencakup keamanan HTTPS, penjelajahan aman, keramahan seluler, dan pedoman interstisial yang mengganggu.

Google Core Web Vitals memengaruhi hasil organik di seluler dan desktop, serta apakah situs Anda muncul di Berita Teratas atau tidak. Sebelumnya, jika Anda ingin tampil di Top Stories, Anda harus memanfaatkan AMP. Saat Google menerapkan pembaruan, hal ini tidak akan terjadi lagi, tetapi situs Anda harus memenuhi skor Vital Web Inti minimum tertentu untuk muncul di Berita Utama.

Selain itu, tampaknya semua indikator Data Web Inti harus dipenuhi untuk meningkatkan peringkat organik. Skor Core Web Vitals untuk halaman yang diindeks mungkin juga diperlukan.

Singkatnya, meningkatkan skor Google Core Web Vital Anda sekarang diperlukan jika Anda peduli dengan kinerja SEO WordPress Anda.

Apa itu Skor Kecepatan Halaman yang Baik?

Tidak ada titik batas formal. Salah satu pedoman paling populer adalah bahwa situs web Anda harus dimuat dalam waktu kurang dari dua detik. Ini kemungkinan besar karena penelitian Google yang menemukan bahwa 47% pengguna seluler meninggalkan situs web yang membutuhkan waktu lebih dari dua detik untuk memuat.

Meskipun saran ini kemungkinan besar didasarkan pada ukuran Indeks Kecepatan, saya tidak percaya Google pernah menyatakan metrik tertentu saat memberikan skor kecepatan halaman. Biasanya, saran pejabat Google bersifat umum, seperti “buat situs cepat untuk pengguna” atau “buat situs secepat mungkin”.

Mengapa Meningkatkan Kecepatan Halaman Begitu Penting?

Pengalaman pengguna dipengaruhi oleh kecepatan halaman, dan itu dapat membuat atau menghancurkan situs web Anda. Performa halaman yang lebih cepat meningkatkan pengalaman pengguna, meningkatkan konversi kunjungan halaman, dan menurunkan rasio pentalan. Mari kita lihat keuntungan dari menumbuhkan kecepatan halaman secara lebih mendalam.

1. Tingkatkan Kecepatan Situs Web untuk Meningkatkan Pengalaman Pengguna

Menurut penelitian kami, 47% pelanggan menginginkan situs web dimuat dalam waktu kurang dari dua detik.

Setelah itu, setiap detik menurunkan pengalaman pengguna. Pemirsa tidak suka menunggu halaman Anda dimuat; oleh karena itu, mereka biasanya akan mengklik untuk menemukan perusahaan yang menawarkan pengalaman pengguna yang lebih baik.

2. Tingkatkan Jumlah Tampilan Halaman

Anda mungkin telah mengamati bahwa beberapa indikator yang saya bahas sebelumnya, seperti LCP dan CLS, memengaruhi peringkat halaman di Google. Google menambahkan data yang mengevaluasi waktu muat untuk menawarkan hasil pencarian berkualitas tinggi bagi pengguna. Akibatnya, semakin cepat halaman Anda dimuat, semakin tinggi peringkat Google Anda.

3. Tingkatkan Konversi

Pengguna akan senang dan lebih mungkin menjadi klien jika situs Anda dimuat dengan cepat. HubSpot menemukan bahwa memotong waktu buka halaman sebesar tiga hingga tujuh belas persen mendorong konversi dalam 12 studi kasus.

Matematika telah selesai. Penundaan halaman satu detik dapat dikenakan biaya $2,5 juta per tahun jika situs e-niaga Anda menghasilkan $10.000 setiap hari.

4. Penurunan Rasio Pentalan

Menurut Think with Google, meningkatkan waktu buka situs web Anda dari satu detik menjadi tiga detik meningkatkan rasio pentalan Anda sebesar 32%. Jika ditingkatkan dari satu menjadi lima detik, peluangnya meningkat sebesar 90%.

Beberapa detik mungkin berarti perbedaan antara mempertahankan dan mengonversi pengguna atau kehilangan mereka dari pesaing.

Untuk mengetahui lebih lanjut, lihat panduan terperinci kami tentang cara mengurangi rasio pentalan di WordPress.

Cara Meningkatkan Kecepatan Halaman

Anda dapat mencoba tindakan berikut untuk meningkatkan kecepatan halaman:

1. Batasi Jumlah Pengalihan

Semakin lama waktu yang dibutuhkan server untuk menemukan dan memuat halaman yang benar, semakin banyak pengalihan yang Anda miliki. Hapus semua pengalihan yang tidak diperlukan yang Anda bisa.

2. Sertakan Slash di Akhir

Ingatlah untuk menambahkan garis miring di akhir URL. Anda memberi tahu server bahwa tidak ada folder file yang harus dilalui dan halaman ini adalah tujuan akhir.

Akibatnya, URL Anda seharusnya www.pickupwp.com/blog/ daripada www.pickupwp.com/blog.

Ini akan mengurangi waktu buka Anda sepersekian detik, dan setiap milidetik penting.

3. Gambar Harus Dikompresi dan Dioptimalkan.

File gambar besar atau foto dalam jumlah besar dapat meningkatkan waktu pemuatan situs web Anda secara signifikan. Pastikan semua foto Anda diskalakan dan dikompres dengan benar.

Gambar juga harus disimpan dalam format yang benar. Format yang paling mudah dikompresi adalah PNG dan JPEG, yang didukung oleh semua browser.

Mengompresi gambar mengurangi ukuran file, yang diukur dalam kilobyte dan megabyte. Foto berkualitas tinggi dapat dikurangi rata-rata 60 persen hingga 80 persen. Anda tidak boleh menggunakan gambar yang berukuran lebih dari 1MB.

Ukuran gambar pada halaman dapat diubah dengan mengubah ukurannya. Gambar yang lebih kecil harus 700 piksel atau kurang, sedangkan gambar yang lebih besar harus memenuhi seluruh lebar situs Anda (atau sekitar 1900 piksel). Anda selalu dapat mengurangi ukurannya, tetapi meningkatkan ukuran tanpa membuat piksel pada gambar cukup menantang.

Ada beberapa plugin pengoptimalan gambar yang tersedia yang dapat Anda gunakan untuk pengoptimalan dan kompresi gambar.

4. Memanfaatkan Jaringan Pengiriman Konten (CDN)

Dengan CDN, situs Anda dihosting secara lokal oleh jaringan server, yang mengurangi waktu pemuatan halaman. Seseorang di Dublin yang mengunjungi situs web yang berlokasi di Los Angeles, misalnya, tidak perlu melakukan ping ke server asal, melainkan ke server yang lebih dekat ke rumah di Irlandia.

Ini mengurangi jumlah permintaan ke server asal dengan mendistribusikan konten melalui beberapa server, memperlambat waktu pengunduhan.

5. Plugin dan Elemen Halaman Lainnya Harus Diminimalkan.

Plugin, JavaScript, dan elemen tambahan lainnya meningkatkan waktu yang dibutuhkan halaman untuk memuat. Hanya sertakan komponen yang diperlukan untuk halaman Anda.

Beberapa plugin dapat membantu kinerja situs, tentu saja. Performa halaman dapat ditingkatkan dengan menggunakan plugin yang secara otomatis mengubah ukuran gambar, memperkecil kode, dan menunda pemuatan JavaScript. Akan lebih baik untuk memutuskan apakah fitur tambahan yang disediakan oleh plugin ini sepadan dengan pengorbanan dalam kinerja halaman.

6. Perkecil HTML atau CSS Anda

Saat Anda memperkecil kode situs web Anda, Anda menghapus semua spasi, catatan, dan pengembang markup tambahan yang digunakan untuk membuat kode mereka lebih terbaca dan lebih mudah digunakan nanti. Saat server mencoba memuat situs web, itu tidak memerlukan semua itu untuk memahami HTML, JavaScript, atau CSS, dan itu mungkin menghalangi.

7. Manfaatkan Caching

Saat situs menyimpan cache, server menyimpan salinan halamannya sehingga tidak perlu memuat ulang situs setiap saat. Anda dapat menghemat waktu dengan menggunakan caching.

Anda dapat menggunakan WP Rocket, plugin caching terbaik untuk WordPress.

8. Pilih Penyedia Hosting Web Anda dengan hati-hati.

Anda mendapatkan apa yang Anda bayar ketika datang ke hosting situs web. Paket yang lebih murah mungkin tidak dapat mengelola lalu lintas sebanyak mungkin, sehingga waktu pemuatan situs web menjadi lebih lambat.

Ada empat jenis penyedia hosting web yang dapat dipilih:

• Hosting Bersama: Hosting bersama dapat meng-host beberapa situs kecil di satu server. Meskipun shared hosting tidak mahal, meningkatkan lalu lintas ke situs lain yang dihosting di server yang sama dapat menyebabkan situs Anda melambat.
• VPS Hosting: Server pribadi virtual, atau VPS, menjalankan banyak situs, tetapi masing-masing memiliki "tempat" virtualnya sendiri. Karena virtual, ini memberi Anda sumber daya tambahan, yang berpotensi menurunkan kemungkinan kesulitan kecepatan situs terkait lalu lintas.
• Hosting Server Terdedikasi: Server tunggal hanya menampung satu situs web. Meskipun lebih mahal, ini membantu mengurangi atau menghilangkan kemungkinan hilangnya kecepatan situs karena lonjakan lalu lintas dari situs lain.
• Cloud Hosting: Situs web dihosting di jaringan server virtual dan fisik, yang menyediakan peningkatan sumber daya dan fleksibilitas. Host virtual akan ditingkatkan untuk meningkatkan peningkatan lalu lintas yang tidak terduga.

Pertimbangkan ukuran situs dan anggaran Anda saat memilih layanan hosting untuk situs web Anda.

Kesimpulan

Core Web Vitals sangat penting untuk SEO WordPress karena dapat membantu Anda mendapatkan lebih banyak pengakuan untuk situs web Anda sekaligus menjaganya tetap teratur dan bersih.

Metrik ini dapat meningkatkan visibilitas dan peringkat situs web Anda di browser dan memberikan pengalaman menjelajah yang baik bagi pengunjung Anda.

Penting untuk mulai mengoptimalkan situs web Anda sesegera mungkin untuk menghindari menerima umpan balik negatif atau peringkat yang lebih rendah dalam hasil pencarian.

Kami harap artikel ini membantu Anda mempelajari tentang Google Core Web Vitals dan cara mengoptimalkannya. Anda juga dapat melihat daftar plugin cache terbaik untuk WordPress untuk meningkatkan kecepatan halaman dan panduan untuk meningkatkan kecepatan situs WordPress Anda.