Menghindari payload jaringan yang sangat besar

Payload jaringan yang besar berkorelasi tinggi dengan waktu pemuatan yang lama. Pengguna juga harus membayar biaya tambahan; misalnya, pengguna mungkin harus membayar lebih banyak data seluler. Oleh karena itu, mengurangi ukuran total permintaan jaringan halaman akan bermanfaat bagi pengalaman pengguna di situs Anda dan dompet mereka.

Kegagalan audit payload jaringan Lighthouse

Lighthouse menunjukkan ukuran total dalam kibibyte (KiB) dari semua resource yang diminta oleh halaman Anda. Permintaan terbesar akan ditampilkan terlebih dahulu:

Screenshot audit Lighthouse Menghindari audit payload jaringan yang sangat besar

Berdasarkan data Arsip HTTP, payload jaringan median adalah antara 1.700 dan 1.900 KiB. Untuk membantu menampilkan payload tertinggi, Lighthouse menandai halaman yang total permintaan jaringannya melebihi 5.000 KiB.

Cara mengurangi ukuran payload

Usahakan ukuran total byte Anda di bawah 1.600 KiB. Target ini didasarkan pada jumlah data yang dapat didownload secara teoritis pada koneksi 3G, sekaligus tetap mencapai Waktu untuk Interaktif selama 10 detik atau kurang.

Berikut beberapa cara untuk mengurangi ukuran payload:

Panduan khusus stack

Angular

Terapkan pemisahan kode tingkat rute untuk meminimalkan ukuran paket JavaScript Anda. Selain itu, pertimbangkan untuk menyimpan aset ke dalam cache dengan pekerja layanan Angular.

Drupal

Sebaiknya gunakan Responsive Image Styles untuk mengurangi ukuran gambar yang dimuat di halaman Anda. Jika Anda menggunakan View untuk menampilkan beberapa item konten di halaman, pertimbangkan untuk menerapkan penomoran halaman untuk membatasi jumlah item konten yang ditampilkan pada halaman tertentu.

Joomla

Pertimbangkan untuk menampilkan nukilan dalam kategori artikel (salah satu solusi populer adalah link "baca selengkapnya"), mengurangi jumlah artikel yang ditampilkan di halaman tertentu, membagi postingan panjang menjadi beberapa halaman, atau menggunakan plugin untuk pemuatan lambat komentar.

WordPress

Sebaiknya tampilkan kutipan dalam daftar postingan (Anda dapat menggunakan tag "lainnya"), mengurangi jumlah postingan yang ditampilkan di halaman tertentu, membagi postingan panjang menjadi beberapa halaman, atau menggunakan plugin untuk memuat komentar dengan lambat.

Referensi

Kode sumber untuk audit Hindari payload jaringan yang sangat besar