undercover.co.id – Page Speed Insights: 6 Tips Ampuh Untuk Mengoptimalkan Situs Web Anda 6 tips untuk mengoptimalkan performa situs web Anda dengan menggunakan tool Page Speed Insights. Pastikan pengalaman pengguna yang konsisten dan cepat dan jaga agar situs web Anda tetap stabil

Memiliki situs web yang cepat tidak hanya penting untuk memberikan pengalaman yang baik bagi pengunjung, tetapi juga sebagai faktor peringkat SEO. Anda mungkin pernah mendengar tentang alat PageSpeed Insights dari Google sebelumnya.

Namun, tahukah Anda bagaimana cara mendapatkan hasil maksimal dari PageSpeed Insights? Kami akan membahas 6 tips utama untuk membantu Anda mengoptimalkan performa situs web Anda. Apa itu PageSpeed Insights (PSI)?

Performa situs web telah lama memengaruhi peringkat Google. Oleh karena itu, Google pertama kali meluncurkan alat PageSpeed Insights gratis pada tahun 2010. PSI dibuat untuk membantu operator situs web memeriksa seberapa cepat situs web mereka serta memberikan rekomendasi tentang cara memperbaikinya. Mengapa Kecepatan Halaman Penting untuk SEO?

Pada tahun 2021, Google memperkenalkan seperangkat metrik kinerja situs web baru, yang disebut Core Web Vitals. Tiga metrik tersebut adalah: Largest Contentful Paint: seberapa cepat situs web Anda dimuat? Pergeseran Tata Letak Kumulatif: apakah elemen halaman berpindah-pindah secara tak terduga? Interaksi ke Cat Berikutnya: apakah halaman merespons input pengguna dengan cepat? Pengalaman halaman yang baik dihargai di peringkat Google.

Ada ambang batas peringkat “Baik” untuk setiap metrik yang harus Anda capai. Grafik yang menunjukkan ambang batas peringkat Core Web Vitals, September 2024 Cara Menguji Situs Web Anda dengan PageSpeed Insights Menjalankan pengujian performa dengan PageSpeed Insights sangatlah mudah: Buka PageSpeed Insights Masukkan URL situs web Anda Klik “Menganalisis” Hasil pengujian akan muncul hanya dalam beberapa detik. Ada banyak data, tetapi kami akan menjelaskan apa arti dari semua data tersebut selanjutnya.

Memahami Dari Mana Data PageSpeed Insights Berasal Setiap hasil pengujian di PageSpeed Insights terdiri dari dua bagian utama: “Temukan apa yang dialami pengguna yang sebenarnya” dan “Mendiagnosis masalah kinerja”. Setiap bagian menunjukkan jenis data kecepatan halaman yang berbeda. Apa yang Dimaksud dengan Data Pengguna Nyata di PageSpeed Insights? Data pengguna nyata di PSI berasal dari Laporan Pengalaman Pengguna Chrome (CrUX).

Data ini dikumpulkan dari pengguna Chrome di perangkat desktop dan perangkat seluler yang menjalankan Android. Untuk berkontribusi pada laporan CrUX, pengguna harus: Masuk ke akun Google mereka Telah memilih sinkronisasi riwayat peramban Telah mengaktifkan pelaporan statistik penggunaan Ingin tahu apakah pengalaman Anda termasuk dalam data pengguna yang sebenarnya ini?

Buka URL chrome di browser Chrome Anda dan periksa apakah pengumpulan metrik telah diaktifkan. Pengguna nyata memberi tahu Anda seberapa cepat situs web Anda untuk pengunjung yang sebenarnya dan bagaimana hal ini berdampak pada SEO Anda.

Namun, laporan CrUX juga memiliki beberapa keterbatasan: Data selalu dikumpulkan selama periode 28 hari, jadi Anda tidak akan segera melihat apakah situs web Anda semakin memburuk Anda dapat melihat seberapa cepat situs web Anda, tetapi CrUX tidak memberi tahu memberi Anda data diagnostik apa pun untuk mempercepatnya Tidak semua halaman di situs web Anda akan memiliki data CrUX, karena jumlah minimum kunjungan yang tercatat harus dicapai sebelum Google mempublikasikan datanya.

Anda dapat menggunakan alat pemantau pengguna nyata (RUM) untuk menyiasati keterbatasan ini. Data RUM memiliki beberapa keunggulan dibandingkan data CrUX, seperti pembaruan instan dan diagnostik terperinci. Tangkapan layar dari garis tren Core Web Vitals dalam pemantauan pengguna nyata DebugBear, September 2024 Apa yang dimaksud dengan data diagnostik di PageSpeed Insights? Meskipun data pengguna nyata memberi tahu Anda seberapa bagus performa situs Anda, data diagnostik memberi Anda wawasan tentang cara mengoptimalkannya.

PageSpeed Insights menggunakan alat Lighthouse sumber terbuka milik Google untuk menguji situs web Anda dan memberikan analisis terperinci. Pengujian Lighthouse dijalankan di lingkungan lab yang terkendali, yang berarti lebih banyak informasi yang dapat dikumpulkan dibandingkan dengan data pengguna yang sebenarnya.

Pengujian lab juga dijalankan sesuai permintaan, dan tidak tunduk pada penundaan selama 28 hari yang berlaku untuk data CrUX. Di bagian atas laporan Lighthouse, Google menampilkan skor Performa secara keseluruhan antara 0 hingga 100. Skor ini tidak secara langsung memengaruhi peringkat – Google menggunakan data CrUX untuk itu. Namun, skor Lighthouse yang baik biasanya berarti situs web Anda juga dimuat dengan cepat untuk pengguna nyata.

Skor Lighthouse itu sendiri ditentukan berdasarkan 5 metrik kinerja: Lukisan Konten Pertama: seberapa cepat halaman mulai dimuat? Lukisan Konten Terbesar: kapan konten halaman utama muncul? Total Waktu Pemblokiran: apakah interaksi pengguna diblokir oleh pemrosesan CPU? Pergeseran Tata Letak Kumulatif: apakah konten berpindah-pindah setelah muncul?

Indeks Kecepatan: seberapa cepat konten halaman dirender secara keseluruhan? Tangkapan layar metrik performa di PageSpeed Insights, September 2024 Di bawah penilaian Lighthouse secara keseluruhan, Anda bisa menemukan wawasan diagnostik yang menyarankan perubahan konkret yang bisa Anda lakukan untuk mengoptimalkan situs web Anda.

baca juga

Tiap baris mengaudit satu aspek tertentu dari performa Anda. Sebagai contoh, jika Anda menghilangkan sumber daya pemblokiran render, maka akan membutuhkan lebih sedikit waktu agar konten halaman di situs web Anda dapat terlihat. Tangkapan layar diagnostik kinerja di PageSpeed Insights, September 2024 2. Gunakan Kalkulator Skor Untuk Melihat Apa yang Membuat Skor Anda Turun

Jika Anda ingin meningkatkan skor Performa Anda di PageSpeed Insights, dari mana Anda memulainya? Setiap laporan Lighthouse menyertakan tautan “Lihat Kalkulator” yang akan membawa Anda ke Kalkulator Skor Lighthouse.

Alat ini memberi tahu Anda berapa banyak dari lima metrik yang telah diukur oleh Google yang berkontribusi pada skor keseluruhan. Sebagai contoh, di sini kita dapat melihat bahwa halaman yang telah kita uji memiliki skor Pergeseran Tata Letak Kumulatif yang baik, sementara Largest Contentful Paint mendapat peringkat yang buruk. Kita juga dapat melihat bahwa setiap metrik diberi bobot.

Misalnya, 30% dari skor Performa ditentukan oleh subskor untuk metrik Total Waktu Pemblokiran.

Data Fase Peninjauan Untuk Metrik Largest Contentful Paint (LCP)

Salah satu audit yang paling banyak memberikan wawasan adalah “Elemen Konten Terbesar.” Audit ini menunjukkan kepada Anda elemen konten terbesar pada halaman. Metrik LCP mengukur berapa lama waktu yang dibutuhkan setelah membuka halaman agar elemen ini terlihat. Elemen konten terbesar dapat berupa semua jenis konten halaman, misalnya, judul atau gambar.

Hal ini sangat berguna, tetapi Lighthouse sebenarnya memberikan wawasan tambahan dengan memecah metrik LCP ke dalam empat fase (juga disebut subbagian):

Time to First Byte (TTFB): seberapa cepat server situs web menyediakan dokumen HTML?

Load Delay (Penundaan Pemuatan): Seberapa cepat setelah memuat dokumen, gambar LCP mulai diunduh Waktu Muat: Berapa lama waktu yang diperlukan untuk mengunduh gambar LCP?

Penundaan Render: Seberapa cepat setelah memuat sumber daya LCP, elemen LCP mulai terlihat?

Informasi ini akan memberi tahu Anda di mana Anda perlu memfokuskan pengoptimalan Anda. Misalnya, pada tangkapan layar di bawah ini, kita dapat melihat bahwa gambar LCP dimuat dengan cepat, namun tidak segera di-render oleh peramban. Hal itu bisa jadi karena sumber daya lain di halaman memblokir halaman agar tidak dapat dirender.

Google baru-baru ini melakukan analisis untuk mengetahui subbagian LCP mana yang memberikan kontribusi paling besar terhadap nilai metrik secara keseluruhan. Mereka menemukan bahwa waktu respons server dan penundaan pemuatan gambar adalah faktor terbesar dalam pengoptimalan LCP untuk sebagian besar situs web.

Meskipun banyak rekomendasi kinerja situs web yang berfokus pada penggunaan format gambar modern yang ringkas, waktu pemuatan gambar ditemukan sebagai faktor kecil di sebagian besar situs web yang lambat. Namun, Anda tetap harus memeriksa data situs web Anda untuk melihat pengoptimalan apa yang dapat memberikan dampak paling besar.

4. Variabilitas Skor Performa Antar Pengujian: Apa Artinya? Kita telah melihat bahwa data CrUX pengguna nyata dikumpulkan selama periode 28 hari. Oleh karena itu, nilainya stabil dan hanya berubah secara bertahap. Namun, hal yang sama tidak berlaku untuk skor Performa dan metrik lain yang diukur di lab. Menguji halaman yang sama dua kali jarang sekali menghasilkan pengukuran yang sama persis, dan sering kali menunjukkan variasi yang tinggi.

Dan jika Anda menjalankan Lighthouse dengan alat lain seperti Chrome DevTools, Anda akan melihat perbedaan yang lebih besar lagi. Ada banyak alasan yang menyebabkan perbedaan di antara pengujian Lighthouse,

misalnya: Perbedaan waktu respons server Perbedaan konten, misalnya karena pengujian A/B atau iklan Perbedaan di antara perangkat pengujian dan lokasi pengujian Ketidakakuratan saat pengumpulan data Google telah menulis panduan mendetail tentang variabilitas Lighthouse.

Anda dapat menjalankan pengujian beberapa kali dan melihat rata-rata untuk mendapatkan penilaian yang lebih konsisten. 2. Akurasi Data: Data yang Diamati Vs Data yang Disimulasikan Salah satu alasan umum terjadinya perbedaan di antara alat pengujian kecepatan halaman adalah cara pengumpulan datanya.

Dalam pengujian laboratorium, jaringan dibatasi pada kecepatan tetap, biasanya untuk menyesuaikan dengan koneksi data seluler yang lebih lambat.

Cara pelambatan ini dilakukan dapat memengaruhi pengukuran Anda. PageSpeed Insights menggunakan pendekatan yang disebut pelambatan simulasi. Pengukuran dikumpulkan pada koneksi jaringan yang cepat. Setelah itu, simulasi koneksi 4G yang lambat diterapkan untuk memperkirakan bagaimana halaman dimuat di perangkat seluler.

Anda dapat memasang ekstensi Chrome Kecepatan Situs untuk melihat metrik asli yang diamati saat menjalankan pengujian di PageSpeed Insights. Tangkapan layar metrik yang dilaporkan dan diamati oleh Lighthouse, September 2024 Data yang disimulasikan terkadang tidak dapat diandalkan, karena simulasi Lighthouse tidak menangani semua kasus keunggulan dalam kehidupan nyata yang dapat terjadi saat membuka situs web.

Sebagai contoh, dalam pengujian ini kita dapat melihat bahwa metrik Largest Contentful Paint dilaporkan lebih buruk satu detik dibandingkan dengan nilai yang diamati saat membuka halaman di Chrome. Namun, nilai asli untuk First Continental Paint dan metrik Largest Contentful Paint identik.

Hal ini menunjukkan bahwa metrik yang disimulasikan berpotensi tidak sesuai dengan apa yang dialami oleh pengguna yang sebenarnya. Anda dapat memeriksa bagian pengaturan pada laporan Lighthouse untuk melihat apakah metrik diukur sesuai dengan yang dilaporkan atau apakah simulasi telah diterapkan.

Jika Anda ingin mendapatkan data kecepatan halaman yang dapat diandalkan, tes kecepatan halaman DebugBear yang gratis dibuat untuk memberikan wawasan yang paling akurat. Mengumpulkan pengukuran nyata membutuhkan waktu sedikit lebih lama daripada menjalankan simulasi, tetapi ini juga akan membantu Anda membuat keputusan terbaik saat mengoptimalkan kecepatan situs web Anda. Mengapa Data Pengguna Nyata Tidak Sesuai dengan Hasil Tes Lighthouse?

Ketika menguji situs web Anda di PageSpeed Insights, Anda akan sering menemukan bahwa metrik pengguna yang sebenarnya jauh lebih baik daripada yang dilaporkan oleh pengujian Lighthouse sintetis. Mengapa demikian, karena pengujian Lighthouse menggunakan koneksi jaringan yang sangat lambat.

Data CrUX Core Web Vitals melihat 25% pengalaman pengguna yang paling lambat di situs web Anda, tetapi biasanya, bahkan kunjungan tersebut berasal dari perangkat yang memiliki koneksi jaringan yang layak. Jadi, skor performa Lighthouse yang buruk tidak berarti Anda akan gagal dalam penilaian Core Web Vitals Google. Namun, hal ini dapat mengindikasikan bahwa beberapa pengguna mendapatkan pengalaman yang buruk dan masih banyak ruang untuk perbaikan.

5. Gunakan API PSI Untuk Mengotomatiskan Pengujian Performa Punya banyak halaman di situs web yang ingin Anda uji? Anda bisa menggunakan API PageSpeed Insights untuk secara otomatis menjalankan pengujian situs web secara massal. API ini menyediakan metrik performa yang lebih mendetail dan detail pada setiap audit Lighthouse. Sebagai contoh, Anda bisa menggunakan API untuk melihat rekomendasi performa yang paling umum di seluruh situs web Anda. Bahkan, ada cara untuk mengakses data PageSpeed Insights secara langsung di Google Spreadsheet.

Ketahui Kapan Harus Menggunakan Alat yang Berbeda PageSpeed Insights adalah alat yang bagus untuk menjalankan performa cepat untuk URL tertentu di situs web Anda. Namun, seperti yang telah kita lihat di atas, data ini memiliki beberapa keterbatasan.

Jika Anda hanya ingin mendapatkan gambaran umum Core Web Vitals di seluruh situs di situs web Anda, cara tercepat untuk menemukan data ini adalah dengan menggunakan Google Search Console. Search Console akan menunjukkan kepada Anda dengan tepat berapa banyak halaman di situs web Anda yang lambat atau perlu ditingkatkan. Tangkapan layar data Core Web Vitals di Google Search Console, September 2024 Perlu mempelajari lebih jauh tentang performa CPU, misalnya untuk mengoptimalkan metrik Interaction to Next Paint yang baru?

Tab Performa di alat pengembang Chrome menyediakan analisis mendetail tentang semua jenis pemrosesan CPU yang terjadi di situs web Anda. Tangkapan layar profil performa situs web di Chrome DevTools, September 2024 Terakhir, jika Anda ingin mengoptimalkan bagaimana sumber daya yang berbeda dimuat di situs web Anda, tes kecepatan situs web DebugBear bisa sangat bermanfaat. Tes ini bisa memberikan laporan mendetail tentang sumber daya apa saja yang dimuat oleh situs web Anda, kapan sumber daya tersebut dimuat, dan bagaimana dampaknya terhadap perenderan. Tangkapan layar air terjun permintaan situs web di DebugBear, September 2024 Bagaimana Cara untuk Selalu Mengungguli Kecepatan Situs Web Anda

PageSpeed Insights dan tes performa lainnya merupakan titik awal yang bagus untuk mengoptimalkan situs web Anda. Namun, tanpa pemantauan berkelanjutan, Anda berisiko menemukan kembali masalah tanpa menyadarinya.

Related Posts