Tentang Ukuran File Halaman Web
Apa itu ukuran file halaman web?
Ukuran file halaman web adalah total bobot semua hal yang harus diunduh browser untuk menampilkan sebuah halaman: dokumen HTML, serta stylesheet, skrip, font, gambar, dan apa pun yang diambil oleh skrip pihak ketiga setelah mulai berjalan.
Dokumennya sendiri biasanya nyaris tidak berarti. Hampir seluruh bobotnya berasal dari gambar dan JavaScript, itulah sebabnya bobot halaman cenderung ditentukan oleh dua keputusan, bukan seratus.
Angka yang penting adalah jumlah data yang diunduh pengunjung sebenarnya saat pertama kali membuka halaman, sebelum apa pun tersimpan dalam cache. Itulah momen ketika halaman dinilai, dan itulah momen yang sering dilewati oleh sebagian besar pengujian.
Apakah ukuran halaman masih penting pada 2026?
Koneksi internet lebih cepat dibandingkan sebelumnya, dan ukuran halaman pun ikut membesar, sehingga pengalaman pengguna meningkat jauh lebih sedikit dibandingkan infrastrukturnya. Ukuran tetap menjadi faktor utama yang menentukan apakah suatu halaman dapat digunakan melalui koneksi seluler di area dengan sinyal lemah.
Ukuran halaman juga merupakan biaya langsung bagi pengunjung yang menggunakan paket data dengan kuota, sesuatu yang mudah terlupakan saat menguji menggunakan Wi-Fi kantor dan mustahil dilupakan saat menggunakan ponsel sendiri.
Ukuran cenderung menumpuk, bukan datang sekaligus. Hanya sedikit halaman yang diluncurkan dalam keadaan berat; ukurannya menjadi besar sedikit demi sedikit, melalui satu skrip kampanye dan satu gambar utama yang tidak dikompresi.
Bagaimana ukuran halaman berkaitan dengan penelusuran AI
Perayap mengambil halaman dalam skala yang sangat besar dan karenanya tidak sabar. Halaman yang berat lebih lambat diambil dan lebih mungkin ditinggalkan di tengah jalan, terutama ketika kontennya bergantung pada skrip yang harus dijalankan terlebih dahulu.
Mempertahankan konten bermakna di dalam HTML, alih-alih menyusunnya di sisi klien, lebih penting daripada jumlah byte total untuk apa pun yang perlu membaca halaman Anda. Halaman ringan yang teksnya dikirim melalui API lebih buruk daripada halaman berat yang teksnya terdapat di dalam dokumen.
Ukuran dan keterbacaan adalah masalah yang terpisah, tetapi kebetulan memiliki penyebab yang sama, yaitu melakukan terlalu banyak pekerjaan di browser.
Praktik terbaik ukuran halaman
- Kompres gambar dan sajikan dalam format modern dengan dimensi yang ditampilkan.
- Muat secara malas apa pun yang berada di bawah lipatan, tetapi jangan pernah lakukan ini pada gambar utama di bagian atas.
- Audit skrip pihak ketiga secara berkala dan hapus skrip yang tidak dapat dibenarkan keberadaannya oleh siapa pun.
- Subset font dan batasi jumlah bobot font yang dimuat.
- Aktifkan kompresi, yang tidak memerlukan biaya apa pun dan berlaku untuk setiap file teks.
- Tetapkan anggaran bobot dan perlakukan pelampauannya sebagai bug, bukan sebagai hal yang harus diterima.
Yang diperiksa alat ini
Alat ini menjumlahkan semua resource yang dimuat halaman dan menetapkan lulus jika totalnya di bawah 5 MB.
Batas ini cukup longgar dan dimaksudkan untuk mendeteksi halaman yang benar-benar terlalu besar, bukan untuk menentukan ukuran halaman yang baik. Sebuah halaman dapat dengan nyaman berada di bawah batas tersebut, tetapi tetap beberapa kali lebih berat daripada yang diperlukan, jadi status lulus adalah batas minimum, bukan target.
Ke mana selanjutnya
Bobot berasal dari file tertentu. Periksa apakah
pengoptimalan gambar Anda berfungsi sebagaimana mestinya, lihat berapa banyak file terpisah yang dimuat halaman menggunakan alat
permintaan halaman, dan pastikan
kompresi diaktifkan, karena fitur ini berlaku sekaligus untuk semua aset teks.