Cara Mengatasi Peringatan ‘Avoid Enormous Network Payloads’

PageSpeed Insights menampilkan “Avoid enormous network payloads” ketika halaman Anda mengunduh data dalam jumlah sangat besar. Di ponsel dengan koneksi lambat, setiap megabyte tambahan berarti detik-detik menunggu, dan memakai kuota data pengunjung Anda.

Langkah 1: Lihat apa yang berat

Audit ini mencantumkan file terbesar. Anda juga bisa membuka developer tools browser, masuk ke tab Network, muat ulang halaman, dan urutkan berdasarkan ukuran. Patokan praktisnya: jaga halaman mobile jauh di bawah 2 MB, makin rendah makin baik.

Langkah 2: Perbaiki penyebab yang umum

Gambar (penyebab paling umum)

Perkecil gambar sesuai ukuran tampilnya. Foto 4000 piksel di ruang 600 piksel membuang data.
Konversi ke WebP atau AVIF dan kompres.
Lazy-load gambar di bawah layar pertama, tetapi bukan gambar pertama.

Video

Jangan autoplay video latar berukuran besar di mobile.
Tampilkan gambar pratinjau dan muat video hanya saat pengunjung menekan play.
Host video panjang di platform video, bukan di server Anda sendiri.

JavaScript dan CSS

Hapus plugin yang tidak dipakai.
Ganti slider, library animasi, dan set ikon besar yang berat dengan alternatif yang lebih ringan.
Periksa plugin mana yang memuat file di halaman yang tidak membutuhkannya.

Font

Pakai lebih sedikit font family dan weight.
Sajikan file WOFF2.

Skrip pihak ketiga

Widget chat, feed media sosial, tag manager, dan skrip iklan sering mengunduh banyak data. Pertahankan yang benar-benar dipakai dan tunda sisanya sampai pengunjung berinteraksi.

Kompresi

Pastikan file teks (HTML, CSS, JavaScript) dikompresi dengan Gzip atau Brotli. Hosting atau CDN Anda biasanya menyediakannya. Lihat panduan tanpa plugin untuk contoh Apache.

Halaman panjang

Halaman dengan puluhan gambar produk atau artikel blog memuat semuanya sekaligus. Pecah daftar panjang menjadi beberapa halaman, atau muat item tambahan hanya saat diminta.

Periksa hasilnya

Muat ulang halaman, periksa total ukuran yang ditransfer di tab Network, dan jalankan PageSpeed Insights lagi. Cache membantu kunjungan berulang, tetapi tidak kunjungan pertama, padahal itulah yang diukur tes.