Lompat ke konten Lompat ke sidebar Lompat ke footer

Apa itu Speed ​​Index (SI)? Bagaimana Meningkatkan?

Speed Index (SI)
© natrocdn
Memuat semua elemen halaman web sesegera mungkin adalah salah satu harapan. Pengguna frustrasi jika konten visual halaman web lambat dimuat. Kekecewaan ini membawa konsekuensi negatif. Anda harus memastikan bahwa halaman Anda memuat kecepatan sehingga bisnis Anda tidak terpengaruh dan Anda tidak mengecewakan dan kehilangan pengguna yang mengunjungi halaman web Anda.

Apa itu Speed Index?

Speed ​​Index atau Indeks Kecepatan adalah metrik "kinerja pemuatan halaman web" yang menunjukkan seberapa cepat elemen halaman web menjadi terlihat. Speed ​​Index (SI) hanya diukur di bagian layar yang terlihat. Kecepatan visual dan kelengkapan visual konten halaman web memengaruhi skor Speed Index.

Skor Speed Index yang ditingkatkan berarti bahwa situs web berkomunikasi secara visual dengan pengguna lebih cepat dan menawarkan pengguna kesempatan yang lebih cepat untuk mencapai tujuan kunjungan. Speed Index bukan ukuran kinerja pemuatan halaman web. Namun, Speed Index adalah salah satu indikator penting yang menunjukkan seberapa efisien halaman web dimuat untuk pengguna. Oleh karena itu, ada hubungan penting antara Search Intent dan Speed ​​Index. Jika maksud pencarian pengguna membutuhkan tindakan cepat, Speed Index akan menjadi lebih penting untuk UX dan SEO. 

Speed Index memberi tahu Anda jika konten yang terlihat dimuat dengan cepat. Semakin rendah skor Speed Index, semakin baik pengalaman pengguna. Semakin tinggi skor Speed Index, semakin buruk pengalaman pengguna. Skor Speed Index juga memberi tahu Anda jika Anda perlu mengoptimalkan halaman Anda. Ada dua poin kritis yang perlu Anda perhatikan untuk mendapatkan skor yang baik; ini adalah mengoptimalkan efisiensi konten dan mengoptimalkan jalur rendering penting.
Aplikasi web terus berkembang dalam fungsionalitas, cakupan, dan kegunaan. Ratusan sumber daya membangun aplikasi ini, dan mengambil setiap sumber daya menambah waktu buka halaman. 

Mempertahankan kinerja hanya mungkin jika sumber daya dan konten yang membentuk halaman dioptimalkan. Speed Index memainkan peran penting dalam memantau kinerja konten yang terlihat.

Bagaimana Mengukur Speed Index?

Speed Index memungkinkan Anda mengukur seberapa cepat konten halaman menjadi terlihat. Namun, mungkin sulit untuk memahami apa artinya ini dan faktor apa yang berkontribusi pada skor. Speed Index menggunakan papan cerita untuk menghitung skor, dengan setiap bingkai diberi skor untuk integritas visual di bagian atas layar. Skor untuk setiap frame dihitung menggunakan rumus:

waktu interval*(1 – penyelesaian visual/100%)

Proses ini diulang untuk setiap frame dan jumlah semua skor memberi Anda Speed Index halaman itu. 

Saat mengukur Speed Index, konten di bagian yang terlihat dari layar halaman web dicatat dalam bingkai 10 kali setiap 1 detik selama pemuatan halaman. Perbedaan antara setiap catatan yang diambil saat memuat halaman, yaitu perbedaan antara bingkai, diperhitungkan pada titik kecepatan memuat konten dalam persepsi. 

Rasio "Penuh" dihitung sebagai persentase dengan membandingkan perbedaan antara setiap bingkai yang direkam saat halaman dimuat dan bingkai terakhir yang diambil setelah halaman web dimuat. Rasio yang tepat untuk bingkai yang berbeda juga merupakan indikator skor Speed Index. 

Saat mengukur skor Speed Index, kelengkapan visual ditampilkan dalam grafik garis selama waktu buka. Persentase kelengkapan visual diproses dan diplot dengan melihat perbedaan antara frame yang direkam pada setiap momen selama pemuatan halaman web. 

Tingkat penyelesaian visual ada di sumbu Y, dan waktu pemuatan ada di sumbu X. Pada titik ini, ketika dua situs web terpisah dibandingkan, tingkat integritas visual ditemukan dan tingkat integritas visual adalah Speed Index. 

Dari sudut pandang kinerja, semakin rendah skor, semakin baik. Tidak ada patokan pasti untuk Speed Index, tetapi skor <1000 dianggap sebagai skor yang baik. Pengalaman pengguna lebih baik jika konten paruh atas ditampilkan lebih cepat.

Bagaimana Cara Meningkatkan Speed Index?

Ada beberapa cara untuk meningkatkan Speed Index. Optimalisasi urutan pemuatan sumber daya dan kompresi sumber daya adalah beberapa di antaranya. Berikut beberapa cara yang bisa diterapkan untuk meningkatkan skor Speed ​​Index:
  • Mengunggah gambar di luar layar dengan Lazyload.
  • Menambahkan placeholder untuk gambar.
  • Menggunakan ekstensi visual generasi berikutnya.
  • Bersihkan kode yang mati dan tidak digunakan.
  • Mengompresi CSS dan Javascript bersama dengan sumber daya lain yang diperlukan untuk halaman web.
  • Mengurangi jumlah permintaan dengan menggabungkan file CSS dan Javascript.
  • Bangun hierarki dan strategi cache untuk sumber daya halaman web.
  • Mengoptimalkan file gambar sebagai lossless atau lossy sesuai dengan preferensi pengguna.
  • Menunda pengunduhan sumber pelacakan pihak ketiga dengan penundaan.
  • Mengompresi, menggabungkan, dan mengoptimalkan file font.
  • Memfaktorkan ulang file CSS dan JS.
  • Kondisi server yang ditingkatkan untuk pengiriman dan waktu respons yang lebih cepat.
  • Penggunaan CDN untuk pengiriman sumber daya halaman web yang lebih cepat.
  • Mengurangi ukuran DOM dari struktur HTML sehingga event DOMContentLoaded dapat terjadi lebih cepat.
  • Pramuat permintaan kunci dari halaman web.
  • Menggunakan Shadow DOM ke atas bagian flip adalah prioritas utama.
  • Menggunakan DOM Virtual untuk transisi halaman yang lebih mulus.
  • Menggunakan Brotli, Gzip dan Deflate sebagai mesin kompresi di sisi server.
  • Menggunakan preprocessing untuk halaman web.
  • Menggunakan rendering sisi server untuk halaman web.
  • Menggunakan CSS “content-visibility:auto” untuk menunda rendering elemen halaman web di luar layar.

Membersihkan Kode yang Tidak Digunakan Dari Halaman Web Untuk Meningkatkan Speed Index

Kode yang tidak digunakan meningkatkan ukuran halaman web. Kode yang tidak digunakan adalah salah satu halaman web langka yang memuat hal-hal terkait kinerja yang merusak semua metrik kecepatan. Baris kode yang tidak digunakan berdampak negatif pada semua metrik kecepatan dan aktivitas halaman web, dari First Paint hingga Onload Event. Itulah mengapa penting untuk membersihkan halaman web dari kode yang tidak digunakan untuk membuat penyelesaian gambar yang cepat dengan skor Speed Index yang baik. 

Mengompresi dan Mengecilkan File Javascript dan CSS untuk Meningkatkan Speed Index 

Kompresi dan reduksi diterapkan untuk mengurangi ukuran file HTML, CSS, dan JS. File HTML, CSS, dan JS dari dokumen web dapat berisi berbagai spasi, komentar, dan blok kode yang terlalu panjang. Dengan membersihkan, mengompresi, dan mengecilkan semua blok kode ini, halaman web dan sumber dayanya dapat dikurangi lebih dari 30 persen. Compressing dan shrinking merupakan salah satu aplikasi yang akan mengurangi dampak negatif dari ukuran file HTML, CSS dan JS pada skor Speed ​​Index. 

Mengapa Speed Index Penting untuk SEO dan UX?

Speed Index adalah tentang melihat pemuatan halaman web dari sudut pandang pengguna, bukan hanya merender halaman web. Kecepatan halaman yang berpusat pada pengguna atau metrik kinerja pemuatan halaman web adalah metrik yang digunakan untuk secara langsung memahami pengalaman pemuatan halaman web pengguna. SEO dan pengalaman pengguna adalah konsep yang berhubungan langsung satu sama lain. 

Halaman web yang menawarkan pengalaman pengguna yang buruk akan turun peringkatnya jika dilihat oleh mesin pencari karena tidak sesuai dengan maksud pencarian. Oleh karena itu, skor Speed Index yang baik menunjukkan komunikasi visual yang lebih baik dan lebih cepat dengan pengguna. Pengalaman pengguna yang lebih baik diperlukan untuk kinerja pengoptimalan mesin telusur yang lebih baik.