Payload jaringan yang besar berkorelasi erat dengan waktu pemuatan yang lama. Layanan ini juga membutuhkan biaya kepada pengguna; misalnya, pengguna mungkin harus membayar lebih banyak untuk data seluler. Jadi, mengurangi total ukuran permintaan jaringan halaman Anda akan baik untuk pengalaman pengguna di situs Anda dan dompet mereka.
Cara audit payload jaringan Lighthouse gagal
Lighthouse menampilkan ukuran total dalam kibibyte (KiB) dari semua resource yang diminta oleh halaman Anda. Permintaan terbesar ditampilkan terlebih dahulu:
Berdasarkan data Arsip HTTP, payload jaringan mediannya 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 agar total ukuran byte Anda tetap di bawah 1.600 KiB. Target ini didasarkan pada jumlah data yang secara teoritis dapat didownload pada koneksi 3G sambil tetap mencapai Time to Interactive berdurasi 10 detik atau kurang.
Berikut beberapa cara untuk mengurangi ukuran payload:
- Tunda permintaan hingga diperlukan. Lihat Pola PRPL untuk satu kemungkinan pendekatan.
- Optimalkan permintaan menjadi sekecil mungkin. Teknik yang memungkinkan mencakup:
- Simpan permintaan dalam cache agar halaman tidak mendownload ulang resource pada kunjungan berulang. (Lihat Halaman landing keandalan jaringan untuk mempelajari cara kerja penyimpanan dalam cache dan cara menerapkannya.)
Panduan khusus stack
Angular
Terapkan pemisahan kode tingkat rute untuk meminimalkan ukuran paket JavaScript Anda. Selain itu, sebaiknya simpan aset ke cache terlebih dahulu menggunakan pekerja layanan Angular.
Drupal
Sebaiknya gunakan Responsive Image Styles untuk mengurangi ukuran gambar yang dimuat di halaman Anda. Jika Anda menggunakan Views untuk menampilkan beberapa item konten di halaman, sebaiknya terapkan penomoran halaman untuk membatasi jumlah item konten yang ditampilkan di halaman tertentu.
Joomla
Sebaiknya tampilkan kutipan dalam kategori artikel (salah satu solusi populer adalah link "baca selengkapnya"), kurangi jumlah artikel yang ditampilkan pada halaman yang ada, bagi postingan panjang menjadi beberapa halaman, atau gunakan plugin untuk memuat komentar dengan lambat.
WordPress
Sebaiknya tampilkan kutipan dalam daftar postingan (Anda dapat menggunakan tag "more"), kurangi jumlah postingan yang ditampilkan pada halaman tertentu, bagi postingan panjang menjadi beberapa halaman, atau gunakan plugin untuk menunda pemuatan (lazy-load) komentar.
Resource
Kode sumber untuk audit Menghindari payload jaringan yang sangat besar