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](https://developer.chrome.com/static/docs/lighthouse/performance/total-byte-weight/image/a-screenshot-the-lightho-5edd6e4e68e25.png?authuser=6&hl=id)
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:
- Tunda permintaan hingga diperlukan. Lihat Pola PRPL untuk satu pendekatan yang memungkinkan.
- Optimalkan permintaan menjadi sekecil mungkin. Teknik yang dapat dilakukan meliputi:
- Menyimpan 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, 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