Indeks Kecepatan: Apa itu & Bagaimana Mengoptimalkan Situs Web Anda untuk itu

Indeks Kecepatan (SI) adalah metrik yang menarik ketika mempertimbangkan kecepatan halaman. Ini benar-benar merupakan indikasi kinerja halaman Anda, tetapi benar-benar berbeda dari metrik yang berpusat pada pengguna lainnya seperti First Contentful Paint dan Largest Contentful Paint. SI menunjukkan seberapa cepat situs Anda dimuat di paro atas. Atau dengan kata lain, ketika semua konten dalam viewport pengguna benar-benar terlihat. Saat melihat waktu buka halaman Anda, kemungkinan besar Anda tidak akan dihukum atau dihargai untuk Indeks Kecepatan Anda. Itu bukan alasan untuk mengabaikannya. Sebagai satu metrik, ini adalah salah satu dari sedikit metrik yang mencakup beberapa metrik lainnya dan dapat memberi Anda gambaran yang kuat tentang kecepatan, efisiensi, dan kinerja situs Anda secara keseluruhan.

Berlangganan Saluran Youtube Kami

Apa itu Indeks Kecepatan?

Lighthouse, tulang punggung Google untuk PageSpeed ​​Insights, melihat beberapa metrik kinerja untuk menilai situs Anda. Indeks Kecepatan (SI) adalah salah satunya, dan laporan akan menampilkan waktu dalam hitungan detik, bukan milidetik seperti beberapa metrik lainnya. Google mendefinisikan SI sebagai "seberapa cepat konten halaman terlihat terisi."

Cukup lurus ke depan, bukan?

Indeks Kecepatan tidak memperhitungkan skrip back-end akun atau beban non-dicat lainnya. Mereka memang mempengaruhinya. SI hanyalah ukuran berapa lama waktu yang dibutuhkan pengguna untuk melihat konten Anda secara penuh. Itu penendangnya. Secara penuh . Sementara metrik lain seperti LCP diukur saat porsi konten terbesar ditampilkan, Indeks Kecepatan memperhitungkan setiap dan semua konten yang sebenarnya harus ditampilkan.

Ini bukan ukuran kecepatan halaman secara keseluruhan. Itu memperhitungkan saat browser merender semua elemen. Menyertakan skrip dan elemen yang tidak terlihat yang memengaruhi kinerja. Namun, jika Anda ingin ukuran yang baik tentang kapan pengguna Anda menganggap halaman telah dimuat penuh , SI adalah metrik yang harus diperhatikan. Karena sifatnya yang berpusat pada pengguna, SI dapat menjadi indikasi yang baik tentang kesehatan situs secara keseluruhan serta sebagai dasar untuk pengalaman pengguna (UX) situs Anda.

Bagaimana Mengukur Indeks Kecepatan

Seperti kebanyakan metrik kinerja situs, salah satu alat teratas yang digunakan adalah PageSpeed ​​Insights milik Google sendiri. Alat ini adalah salah satu yang paling khusus dalam hasil yang dikembalikannya juga. Ini relatif kritis bahkan untuk situs yang paling baik disatukan. PageSpeed ​​Insights paling sering memberikan data lab untuk situs Anda, berdasarkan kumpulan pengumpulan selama 28 hari terakhir. Namun, jika Anda memiliki cukup banyak pengunjung yang menyampaikan informasi kembali ke Google melalui Chrome, Anda juga bisa mendapatkan data lapangan dunia nyata dari laporan tersebut. Namun, tidak semua situs bisa mendapatkan ini.

Seperti yang Anda lihat, kecepatan untuk banyak metrik ini berada di hijau. Ini menunjukkan bahwa mereka "baik". Ini jelas di mana Anda ingin situs Anda. Namun, Indeks Kecepatan adalah 4,0 detik dan oranye. Itu waktu yang lama bagi pengguna untuk menunggu untuk melihat semuanya di paro atas.

Apa itu Skor Indeks Kecepatan yang Baik?

PageSpeed ​​Insights menggunakan skor berikut untuk menentukan peringkat Indeks Kecepatan situs Anda dan memberi kode warna yang sesuai:

• Hijau (Baik) – 0 hingga 3,4 detik
• Oranye (Sedang) – 3,4 hingga 5,8 detik
• Merah (Lambat) – lebih dari 5,8 detik

Seperti yang kami katakan sebelumnya, PageSpeed ​​Insights sangat penting dalam pengukurannya. Jika Anda berada di oranye atau merah, Anda mungkin ingin menggunakan alat seperti GTmetrix atau Tes Kecepatan Pingdom untuk melihat apa yang ditampilkan data real-time mereka. Kami merasa yang terbaik adalah menguji situs Anda menggunakan beberapa alat pada waktu yang berbeda untuk mendapatkan gambaran terbaik dari keseluruhan kinerja.

Cara Mengoptimalkan Skor Indeks Kecepatan Anda

Anda dapat mengambil sejumlah langkah untuk mengoptimalkan skor Indeks Kecepatan Anda. Jika Anda setiap mencoba untuk mengoptimalkan situs Anda untuk segala jenis peningkatan kecepatan halaman (atau, secara teknis, penurunan), maka Anda mungkin dalam beberapa cara mempengaruhi skor SI Anda juga. Kami akan menunjukkan kepada Anda beberapa cara untuk secara khusus menargetkan waktu SI Anda sehingga halaman Anda dimuat secepat mungkin untuk memberi pengunjung Anda pengalaman terbaik.

Kurangi Sumber Daya Pemblokiran Render

Lebih khusus lagi, mengurangi waktu eksekusi JavaScript Anda adalah salah satu cara terbaik untuk meningkatkan skor Indeks Kecepatan Anda. Sumber daya pemblokiran perenderan adalah skrip dan kode yang mencegah bagian lain dari situs web Anda dimuat dengan didahulukan. Alih-alih situs memuat elemen yang berbeda secara bersamaan, beberapa elemen menjeda elemen lainnya sampai selesai.

Dan itu menurunkan Indeks Kecepatan situs Anda. Untuk menyiasatinya, Anda dapat menunda sejumlah skrip dan bit kode yang dimuat hingga elemen yang terlihat dicat ke DOM. Mengidentifikasi pelakunya sebenarnya relatif mudah, karena Anda dapat menggunakan Chrome Dev Tools untuk melihat situs Anda saat dimuat, dan alat tersebut akan menunjukkan apa yang menghentikan elemen dari rendering.

Selain itu, pengguna WordPress dapat menggunakan plugin caching (atau plugin pengoptimalan situs) seperti W3 Total Cache atau WP Rocket untuk menangani ini. Seringkali plugin ini memiliki tombol sederhana untuk menunda sumber daya yang memblokir render.

Pengguna Divi juga memiliki keuntungan besar untuk memblokir sumber daya tersebut, karena opsi tema memungkinkan Anda untuk mengaktifkan penangguhan CSS yang memblokir render, serta skrip jQuery. Selain itu, fitur CSS Kritis tema memecah potongan besar kode yang dapat menunda konten situs Anda dan menyebabkannya memuat lebih cepat daripada yang seharusnya. Sementara beberapa di antaranya adalah matikan, Divi secara otomatis mengaktifkan yang lain. Menginstal Divi akan membantu skor SI Anda segera dalam banyak kasus.

Mengurangi Pekerjaan Utas Utama Situs Anda

Seperti sumber daya pemblokiran render, Anda dapat menghambat kinerja situs Anda dengan memuat berbagai elemen yang menghabiskan banyak daya pemrosesan dari server Anda. Mengurangi itu dapat membantu mendorong situs ke browser lebih cepat.

Solusi paling sederhana untuk ini adalah berhenti menggunakan begitu banyak JavaScript . GTmetrix mengatakan yang terbaik:

Secara umum, semakin banyak JavaScript yang dimiliki halaman Anda, semakin lama proses parse/kompilasi; mengakibatkan menunggu lebih lama bagi pengguna untuk melihat konten dan berinteraksi dengan halaman Anda.

Kami menyadari ini mungkin tidak mudah. Anda telah merancang situs agar berfungsi dengan cara tertentu. Namun, mungkin ada kode yang tidak digunakan yang dapat Anda potong, dan Anda mungkin dapat mengoptimalkan JavaScript pihak ketiga yang Anda muat ke situs Anda. Juga, perkecil JavaScript Anda.

Selain audit JS, pastikan Anda mengecilkan CSS dan HTML Anda. Ini akan mengurangi lebih banyak lagi ketegangan utas utama. Plugin caching dan pengoptimalan sering kali memiliki opsi ini juga.

Pengguna Divi, sekali lagi, memiliki kaki di sini, karena tema secara otomatis mengecilkan dan membagi CSS dan JavaScript menjadi potongan-potongan kecil untuk throughput yang lebih cepat, menghilangkan kebutuhan akan banyak fokus dari utas utama Anda.

Indeks Kecepatan Pertanyaan yang Sering Diajukan

Indeks Kecepatan adalah konsep sederhana yang memiliki konsekuensi kompleks. Kami ingin menjawab beberapa pertanyaan umum tentang SI untuk membantu Anda mengoptimalkan situs web Anda sebaik mungkin.

Bagaimana Indeks Kecepatan Sesuai dengan Kinerja Keseluruhan Situs Web saya?

Indeks Kecepatan, sebagai metrik tunggal, merupakan indikasi yang sangat baik tentang kinerja situs web Anda di sejumlah area yang berbeda. Karena memperhitungkan konten paruh atas yang terlihat sepenuhnya, Anda dapat menggunakannya sebagai pengukur tidak hanya untuk pemuatan yang dirasakan pengguna, tetapi juga perkiraan kasar tentang apa yang dilakukan situs Anda di sejumlah area berbeda.

Ini sebenarnya tidak memberi Anda banyak informasi tentang apa yang dilakukan situs web Anda. Ini dapat dilihat sebagai metrik yang mencakup semua yang, seperti yang dikatakan GTmetrix, sebagai “tolak ukur keseluruhan yang berguna untuk menilai kinerja situs web Anda secara keseluruhan.”

Haruskah Saya Fokus pada Skor Indeks Kecepatan Saya Secara Khusus?

Mungkin tidak, tidak.

Meskipun sangat berguna untuk membandingkan situs Anda, berfokus pada masalah lain yang lebih terperinci seperti First Contentful Paint (FCP), Largest Contentful Paint (LCP), Time to First Byte (TTFB), dan First Input Delay (FID) jauh lebih penting. lebih penting. Anda dapat mengambil sejumlah langkah untuk meningkatkannya satu per satu, yang pada gilirannya akan meningkatkan Indeks Kecepatan Anda. Dan ketika diambil sebagai tolok ukur keseluruhan, Anda dapat melihat seberapa baik pengoptimalan Anda bekerja melalui SI.

Kesimpulan

Pengoptimalan kecepatan halaman adalah pertempuran tanpa akhir yang diperjuangkan oleh pemilik situs web. Anda harus mencapai keseimbangan antara kegunaan, pengalaman, dan kinerja, dan menemukan keseimbangan itu bisa jadi sulit. Ketika tes mengembalikan begitu banyak skor berbeda pada begitu banyak elemen berbeda, mungkin sulit untuk mengetahui di mana harus menempatkan energi dan sumber daya Anda. Indeks Kecepatan dapat membantu dengan itu, sebagai metrik tunggal yang menunjukkan seberapa baik kinerja situs Anda saat Anda menyesuaikan bagian lain yang lebih spesifik dari kinerja situs Anda.

Apa yang telah Anda lakukan untuk mengoptimalkan Indeks Kecepatan situs web Anda selama bertahun-tahun?

Gambar unggulan artikel oleh HappyDrawing / shutterstock.com