Gambar besar, terlalu banyak font, skrip berat, dan sematan pihak ketiga menambah pekerjaan. Situs lambat sering disebabkan oleh gambar terlalu besar, JavaScript berlebihan, font yang tidak perlu, atau layanan pihak ketiga yang dimuat sebelum dibutuhkan. Kafe dapat menyediakan tautan peta sebelum memuat peta interaktif. Jangan menghapus konten berguna tanpa mengukur hasilnya.
Temukan biaya terbesar pada halaman
Situs lambat sering disebabkan oleh gambar terlalu besar, JavaScript berlebihan, font yang tidak perlu, atau layanan pihak ketiga yang dimuat sebelum dibutuhkan. Mulailah dari halaman nyata yang penting bagi pengguna. Ukur ukuran transfer, waktu pemuatan, dan pekerjaan browser sebelum memilih perbaikan. Mengganti framework tanpa bukti dapat menghabiskan waktu sementara foto utama tetap menjadi penyebab terbesar.
Gambar utama perlu ukurannya sesuai layar dan formatnya efisien. Gambar di bawah bagian awal dapat dimuat saat mendekati layar. Namun gambar yang menjadi elemen utama sebaiknya tidak ditunda secara sembarangan. Tetapkan dimensi agar tata letak tidak meloncat ketika gambar selesai diterima.
Kurangi kerja yang tidak membantu tugas pengguna
Animasi, slider, widget ulasan, peta, video, dan pelacak dapat menambah permintaan serta pekerjaan CPU. Pertanyakan manfaat setiap komponen. Tautan menuju peta sering cukup untuk usaha lokal; pemutar video dapat dimuat setelah pengunjung memilih memutarnya. Hindari menjalankan seluruh aplikasi interaktif hanya untuk navigasi dan formulir sederhana.
Font juga perlu dipilih berdasarkan bahasa dan bobot yang digunakan. Memuat semua karakter dan semua ketebalan kepada setiap pengunjung menambah biaya tanpa manfaat. Periksa kode yang tidak digunakan dan pisahkan fungsi formulir dari halaman yang hanya berisi informasi. Kompresi serta cache membantu transfer, tetapi tidak menghapus biaya menjalankan kode berlebihan.
Ukur kembali dengan kondisi yang dicatat
Gunakan pengukuran laboratorium untuk menemukan masalah dan menguji perubahan secara konsisten. Catat perangkat simulasi, koneksi, URL, serta tanggal. Hasil sekali jalan dapat berfluktuasi, terutama pada jaringan atau mesin sibuk. Perbandingan sebaiknya memakai kondisi serupa dan fokus pada metrik yang berubah karena perbaikan.
Ketika data pengguna nyata tersedia, periksa pengalaman mobile dan desktop secara terpisah. Skor tinggi tidak membuktikan seluruh interaksi cepat. Uji menu, formulir, dan halaman artikel, bukan hanya halaman utama. Tetapkan anggaran sederhana untuk gambar, font, dan JavaScript agar penambahan fitur berikutnya tidak perlahan mengembalikan masalah lama.
Daftar periksa praktis
- Ubah ukuran gambar
- Batasi font
- Muat saat diperlukan
Contoh konkret: Kafe dapat menyediakan tautan peta sebelum memuat peta interaktif.
Batas yang perlu jelas: Jangan menghapus konten berguna tanpa mengukur hasilnya.
Langkah berikutnya
Ceritakan proyek Anda kepada Orvunweb
