Google Pagespeed Insights untuk Penerbit - Kiat untuk Meningkatkan Kecepatan Halaman Situs Web

Kecepatan memuat halaman adalah faktor utama yang dipertimbangkan oleh Google untuk peringkat hasil pencarian. Google telah meningkatkan fokus mereka pada pengalaman pengunjung secara keseluruhan, dan membuat Google Core Web Vitals untuk melacak kecepatan pemuatan halaman, stabilitas tata letak halaman, dan seberapa cepat pengguna dapat mulai terlibat dengan halaman.

Google baru-baru ini mulai mengukur kecepatan halaman dan pengalaman berdasarkan lulus/gagal, sebagai faktor dalam peringkat pencarian. Pengalaman halaman semakin menjadi tolok ukur bagi penerbit online, yang sudah merasakan dampak dari pengguna blok iklan yang sensitif terhadap waktu muat halaman dan bandwidth.

Penayang khususnya dapat terpengaruh secara negatif oleh pengujian kecepatan halaman baru dan pendekatan penilaian Google, karena iklan, penawaran tajuk, penargetan, dan alat adtech selanjutnya dapat memengaruhi pengalaman dan kecepatan halaman secara keseluruhan. Google PageSpeed ​​Insights Anda secara inheren terhubung dengan jangkauan Anda. Jika halaman Anda dimuat dengan lambat, berita akan terus berlanjut — dan meninggalkan Anda.

Google PageSpeed ​​Insights dan Core Web Vitals Score

Google mengembangkan alat PageSpeed ​​Insights untuk menganalisis konten situs dan kecepatan pemuatan, menilai kinerja situs, dan memberikan informasi untuk membantu penerbit melakukan peningkatan kecepatan situs. Google menggunakan alat kecepatan situs yang disebut Lighthouse untuk menilai situs Anda dari 1 hingga 100 secara terpisah untuk versi desktop dan seluler, dengan 90+ sebagai skor yang bagus.



Awalnya PageSpeed ​​Insights sebagian besar berfokus pada faktor kecepatan pemuatan, tetapi baru-baru ini Google bergeser untuk fokus pada pengalaman situs secara keseluruhan. Google menyatakan: " Mengoptimalkan kualitas pengalaman pengguna adalah kunci keberhasilan jangka panjang situs mana pun di web."

PageSpeed ​​Insights awalnya dikeluarkan dari uji lab situs web, tetapi baru-baru ini Google mengalihkan fokus ke lebih banyak pengalaman situs web secara keseluruhan, dan menyertakan data lapangan kinerja situs web. Mereka membuat Google Core Web Vitals (CWV), yang berfokus pada tiga metrik pengalaman pengguna: stabilitas halaman, kecepatan pemuatan konten, dan kecepatan keterlibatan halaman.

Pakar SEO percaya bahwa hanya data bidang Google yang digunakan untuk peringkat pencarian, dan konten berkualitas masih memainkan peran besar dalam faktor peringkat.

Apa yang dimaksud dengan metrik Data Web Inti Google?

Data Web Inti Google adalah tiga metrik yang mengevaluasi stabilitas halaman, kecepatan pemuatan halaman, dan seberapa cepat halaman merespons interaksi pengguna. Data Web Inti diukur dan dilaporkan untuk pengalaman desktop dan seluler, dan dapat diakses dari dalam Google Search Console, serta di halaman PageSpeed ​​Insights pengembang mereka. Siapa pun yang ingin mengukur situs mereka sendiri, atau situs apa pun, dapat memasukkan url halaman dan melihat laporannya.

• Cat Konten Terbesar (LCP) - Peringkat ini mengacu pada seberapa cepat halaman dapat memuat konten utama untuk halaman tersebut. LCP 2,5 detik atau kurang adalah skor yang baik.
  
  
• First Input Delay (FID) - Peringkat ini mengukur berapa lama waktu yang dibutuhkan halaman web untuk bereaksi terhadap tindakan yang dilakukan pengguna. Pengatur waktu untuk pengukuran ini dimulai saat ada sesuatu yang visual di halaman yang dapat ditanggapi oleh pengguna, dan berakhir saat halaman dapat merespons tindakan pengunjung tersebut. Jika halaman tidak dapat merespons pengguna karena merespons banyak skrip lain yang dimuat terlebih dahulu, maka skor FID akan terganggu. Untuk skor kelulusan, FID 100 milidetik atau kurang adalah skor yang bagus.
  
  
• Pergeseran Tata Letak Kumulatif (CLS) - CLS mengukur stabilitas visual halaman dan tata letak. Jika Anda tab ke bawah, apakah hal-hal bergerak? Apakah Anda memiliki iklan, gambar, atau elemen halaman yang dimuat kemudian, dan menyebabkan tata letak halaman berubah? Ini menghasilkan skor CLS yang buruk. Peringkat CLS 0,1 atau kurang adalah skor yang baik.

Contoh video oleh grup pengembang Google ini menggambarkan masalah CLS. Seorang pengguna mencoba menolak pembelian, tetapi tata letak bergeser padanya saat mengklik dan dia secara tidak sengaja mengklik pembelian, menghasilkan pengalaman yang sangat tidak menyenangkan.

Panduan Google untuk penerbit yang melakukan audit kecepatan halaman mereka sendiri: "pertimbangkan untuk melewati halaman jika memenuhi target yang disarankan pada persentil ke-75 untuk ketiga metrik di atas."

Kecepatan pemuatan halaman dan metrik vital web inti telah diintegrasikan ke dalam alat pengembang Chrome, tersedia dari dalam browser Chrome. Mode pengembang Chrome bahkan akan mengambil cuplikan halaman selama proses pemuatan, untuk membantu menunjukkan dengan tepat di mana masalah terjadi.


Pembaruan: Data penelitian terbaru oleh Tom Capper di Moz menunjukkan bahwa peringkat situs web terutama dipengaruhi jika mereka gagal semua 3 dari ambang Nilai Web Inti, (LCP, FID, CLS), tetapi gagal 1 atau 2 tidak berkorelasi dengan dampak yang signifikan pada peringkat.

Bagaimana Penerbit Dapat Meningkatkan Kecepatan Pemuatan Halaman dan Data Web Inti?

Penayang harus secara teratur melakukan setidaknya tiga langkah berikut untuk meningkatkan kinerja situs: Pertama, jalankan pengujian kecepatan halaman dan interaksi secara teratur serta tinjau laporannya; kedua, identifikasi elemen mana yang dimuat yang tidak digunakan atau tidak perlu, seperti font lama atau skrip css. Ketiga, catat gambar, CSS, video, dan JavaScript yang semuanya dapat dioptimalkan untuk ukuran dan kecepatan memuat melalui kompresi, minifikasi, atau penggabungan.

Di bawah ini adalah langkah dan sumber daya tambahan bagi penayang untuk meningkatkan waktu pemuatan situs, vital web inti, dan pengalaman pengunjung.

Terapkan Pemuatan Malas untuk Meningkatkan FID Web Vital

Pemuatan lambat menunda pemuatan gambar atau elemen lain hingga setelah konten dan tata letak halaman utama dimuat dan dapat digunakan. Ini dapat meningkatkan bandwidth dan metrik FID. Pikirkan tentang gambar dan elemen yang tidak akan pernah muncul di paro atas, elemen tersebut dapat ditunda untuk memastikan bahwa pengalaman awal berlangsung cepat dan interaktif.

Wordstream menawarkan artikel bagus tentang kapan dan bagaimana menerapkan pemuatan lambat, tetapi Anda mungkin ingin memeriksa dengan komunitas tertentu yang dibangun di sekitar sistem CMS Anda. Hubspot memiliki lazy loading yang terpasang di beberapa fungsinya, dan ada banyak plugin Wordpress untuk otomatisasi lazy loading.

Memanfaatkan CDN Jaringan Pengiriman Konten

Manfaatkan CDN dan pastikan CDN dikonfigurasi dengan benar untuk kinerja. Jaringan Pengiriman Konten (CDN) dapat mengurangi bandwidth dan waktu pemuatan halaman dengan menghosting salinan media Anda yang secara geografis lebih dekat dengan pengguna. Misalnya, pengunjung di Kanada dapat membuat konten Anda dikirimkan oleh server CDN di Toronto, sementara pengunjung simultan di India dapat memiliki konten yang dikirim dari Chennai, semuanya dikelola secara optimal oleh CDN.

Kompres Gambar dan Video untuk Memuat Halaman Lebih Cepat

File media besar adalah salah satu penyebab komentar terbanyak dalam waktu pemuatan halaman yang lambat, dan salah satu yang paling mudah untuk ditangani. Anda harus memberi peringkat semua gambar di situs Anda berdasarkan ukuran, dan segera memperhatikan 100k atau lebih besar itu. Anda dapat menjelajahi situs Anda dengan alat seperti Screaming Frog untuk mengidentifikasi semua gambar besar dalam hitungan menit. Wordpress dan sistem CMS modern sering kali memiliki alat kompresi gambar bawaan, tetapi verifikasi sendiri. Terkadang Anda dapat melakukan jauh lebih baik dengan alat pihak ke-3 yang dibuat khusus untuk kompresi gambar, seperti tinypng atau jpeg-optimizer.

Hapus File JavaScript yang Tidak Digunakan untuk Meningkatkan Kecepatan Render Halaman

Apakah halaman web Anda memiliki JavaScript bloat? Jika JavaScript memblokir render, itu perlu dipanggil, diunduh, diuraikan, dievaluasi, dan dieksekusi sebelum halaman dapat menyelesaikan rendering. Apakah Anda memiliki file JavaScript yang tidak digunakan? File JavaScript dapat menumpuk untuk penargetan, sistem CMS, pengaturan piksel pelacakan, tag sosial, pemuatan font, dan banyak lagi. Anda dapat mengidentifikasi seberapa banyak JavaScript Anda yang tidak digunakan secara mendetail dengan menggunakan fitur Cakupan di Chrome DevTools.

Saat menjalankan alat kecepatan halaman Google, itu akan mengidentifikasi JavaScript apa pun dengan lebih dari 20 kilobyte kode yang tidak digunakan.

Gabungkan atau Perkecil CSS dan Skrip untuk Meningkatkan Kecepatan Halaman

Memperkecil skrip ini mempertahankan keterbacaan mesinnya tetapi membuatnya memuat lebih cepat. Ada beberapa alat yang tersedia untuk mengecilkan skrip; RankRed telah mengumpulkan berbagai alat dan deskripsi minifikasi skrip yang bagus. Anda juga dapat menyimpan beberapa perjalanan ke server jika Anda menggabungkan file JavaScript atau CSS.

Mengoptimalkan Cache untuk Data Web Inti

Strategi cache harus ditinjau untuk jenis situs yang Anda miliki, di seluruh fungsi cache PI seperti Cache-control dan Last-Modified. Pengembang Google memberikan beberapa panduan dan daftar periksa untuk opsi cache, serta opsi konfigurasi untuk server populer. Anda mungkin ingin memuat cache terlebih dahulu sehingga halaman sudah dioptimalkan sebelum Googlebot tiba untuk mengevaluasi kinerja.

Pembuat alat WP WP Rocket menyarankan pramuat cache dapat menjadi bantuan utama untuk meningkatkan kecepatan halaman, dan membuat video ini untuk menjelaskan.

Bantu Peramban Mengalokasikan Ruang untuk Menghindari Pergeseran Tata Letak

• Tentukan atribut tinggi dan lebar gambar sehingga browser dapat merencanakan real estatnya, bahkan jika pemuatannya lambat nanti.
• Cadangan ruang untuk iklan, iframe, dan konten dinamis. Gunakan wadah untuk membantu menghindari pergeseran tata letak pada waktu render.
• Pertimbangkan untuk mengoptimalkan tampilan font dengan tautan rel="preload"   dan tampilan font: opsional.
  
  

Jalankan Analytics

Menjalankan pengujian PageSpeed ​​yang sering dapat memberi Anda lebih banyak wawasan tentang vital web inti Anda. Anda tidak hanya dapat melihat skor kecepatan halaman, tetapi Anda juga dapat melihat berapa banyak elemen yang dimuat dan seberapa cepat mereka dimuat. Selami laporan Anda untuk mengidentifikasi elemen yang dapat menahan kecepatan halaman Anda. Berikut adalah beberapa alat populer untuk melihat berbagai tingkat detail dan pelaporan tentang pemuatan halaman, kecepatan halaman, dan pengoptimalan untuk mesin pencari:

• Wawasan Google PageSpeed
• GTmetrix
• Pemantauan Kecepatan Halaman Pingdom
• Tes Halaman Web

Berikut adalah beberapa rekomendasi untuk diskusi yang lebih teknis dan mendetail tentang pengoptimalan kecepatan halaman:

• Cara Meningkatkan Kecepatan Situs Wordpress
• Nitropack: Cara Mengukur dan Meningkatkan Vital Web Inti
• SearchEngineWatch - 28 Cara Meningkatkan Situs Anda
• Toptal - Penilaian Google PageSpeed ​​Insights
• Majalah Smashing - Panduan untuk Mengukur Vital Web Inti
• Web.dev - Tingkatkan Performa Situs dengan Waktu Muat Cepat
  
  

Apakah Subs Berbayar dalam Rencana Masa Depan Anda?

Bagaimana Laksamana Membantu Meningkatkan Kinerja Penerbit

Admiral adalah pendukung awal pentingnya pengalaman halaman bagi penerbit khususnya, menulis dan berbicara tentang kecepatan halaman, pengalaman iklan, Iklan yang Lebih Baik vs Iklan Buruk, dan banyak lagi. Meningkatkan pengalaman situs dapat membantu mengurangi penggunaan perangkat lunak pemblokiran iklan oleh konsumen.

Selain itu, sementara banyak vendor adtech berfokus pada solusi titik, Admiral telah membangun platform otomatisasi keterlibatan horizontal yang memberikan solusi di seluruh perjalanan hubungan pengunjung, yang dirancang untuk mengurangi beban teknologi bagi penerbit.

Solusi Poin Gandakan Hutang Teknologi untuk Penerbit

Menggunakan solusi titik, penerbit dapat berakhir dengan banyak tag, integrasi, mesin keputusan penargetan, diskusi dengan tim pengembang mereka, dll. Mereka pada dasarnya menciptakan monster Frankenstein dengan kecepatan halaman dan dampak UX jika mereka menggunakan sistem terpisah untuk pertumbuhan buletin, adblock pemulihan, manajemen persetujuan, langganan berbayar, dinding pendaftaran, pertumbuhan pengikut sosial, dll.

Admiral Diverifikasi oleh Tes Kecepatan Pihak Ketiga Di 100+ Skenario Pelanggan

Admiral telah proaktif dalam membantu penerbit mengoptimalkan Core Web Vitals, dan mengontrak agensi digital yang diakui secara nasional (Anvil Media) untuk secara ketat menguji solusi satu-tag Admiral untuk kecepatan dan dampak pada Core Web Vitals.

Pakar kecepatan halaman Anvil menguji tag Admiral di 15 situs pelanggan, semua modul Admiral so lution, desktop dan seluler, selama lima hari, pengukuran sebelum dan sesudah, dan ketiga metrik CWV; Lebih dari 300 titik data secara keseluruhan.