Test Kelajuan Muat Halaman: Punca dan Cara Mengatasinya

Apabila test kelajuan muat halaman menunjukkan masa pemuatan yang panjang, pengguna biasanya menganggap pelan internet atau ISP sebagai punca utama. Anda boleh mendapat kelajuan muat turun yang baik ketika menguji sambungan, tetapi halaman web masih lambat dibuka. Ini berlaku kerana pemuatan halaman melibatkan banyak proses lain seperti DNS, sambungan pelayan, pemprosesan JavaScript, saiz fail dan kestabilan Wi-Fi.

Analisis perlu dimulakan dengan membezakan antara masalah pada laman web, peranti, rangkaian rumah dan pelayan yang diakses. Jangan menukar pelan internet sebelum mengumpulkan bukti daripada beberapa ujian.

Apakah maksud keputusan test kelajuan muat halaman?

Ujian kelajuan halaman biasanya mengukur beberapa metrik, termasuk First Contentful Paint, Largest Contentful Paint, masa respons pelayan dan jumlah masa sehingga halaman boleh digunakan. Kelajuan muat turun mempengaruhi penghantaran fail, manakala latency dan packet loss mempengaruhi masa untuk memulakan pertukaran data.

Keputusan juga boleh berubah mengikut lokasi pelayan ujian, waktu penggunaan, pelayar, peranti dan jenis sambungan. Ujian melalui Wi-Fi tidak semestinya mencerminkan prestasi fiber atau kabel yang masuk ke router. Oleh itu, bandingkan keputusan menggunakan sambungan Ethernet jika tersedia.

Imej dan fail media terlalu besar

Imej beresolusi tinggi, video automain dan fail animasi yang tidak dimampatkan sering menjadi punca utama halaman lambat. Fail yang besar mengambil lebih banyak masa untuk dimuat turun, khususnya apabila pengguna menggunakan data mudah alih atau sambungan DSL yang lebih terhad.

Semak saiz setiap imej melalui laporan alat ujian dan kenal pasti fail yang menyumbang kepada jumlah pemindahan terbesar. Gunakan format moden seperti WebP atau AVIF apabila sesuai, sediakan saiz imej mengikut peranti dan gunakan lazy loading untuk kandungan di luar skrin.

Skrip JavaScript dan CSS menghalang pemaparan

JavaScript yang banyak atau tidak dioptimumkan boleh melambatkan pemaparan kandungan. Skrip analitik, widget sembang, iklan dan fungsi media sosial juga boleh menambah permintaan rangkaian serta menggunakan CPU peranti.

Semak bahagian waterfall untuk melihat fail yang menyekat pemuatan. Buang skrip yang tidak digunakan, gabungkan atau kecilkan fail CSS dan JavaScript apabila sesuai, serta gunakan atribut defer atau async untuk skrip yang tidak diperlukan pada peringkat awal.

Masa respons pelayan terlalu tinggi

Jika pelayan mengambil masa yang lama sebelum menghantar bait pertama, masalah mungkin terletak pada hosting, pangkalan data, aplikasi atau lokasi pelayan. Trafik yang tinggi, pertanyaan pangkalan data yang berat dan sumber pelayan yang terhad boleh meningkatkan masa respons walaupun sambungan internet pengguna stabil.

Bandingkan masa respons dari beberapa lokasi dan waktu. Jika kelewatan konsisten pada banyak rangkaian, minta penyedia hosting atau pasukan teknikal menyemak log pelayan, penggunaan CPU, pangkalan data dan konfigurasi CDN. Elakkan membuat kesimpulan berdasarkan satu ujian sahaja.

Cache dan CDN tidak dikonfigurasi dengan baik

Tanpa cache pelayar atau cache pelayan, fail yang sama perlu dimuat turun semula setiap kali halaman dibuka. Pengguna yang berada jauh daripada lokasi pelayan juga mungkin mengalami latency lebih tinggi.

Pastikan aset statik mempunyai pengepala cache yang sesuai dan gunakan CDN untuk mengedarkan imej, CSS, JavaScript serta fail lain dari lokasi yang lebih hampir dengan pengguna. Jangan cache kandungan peribadi tanpa kawalan kerana ia boleh menimbulkan risiko keselamatan atau memaparkan data lama.

DNS, latency dan packet loss memanjangkan masa pemuatan

DNS yang lambat menambah masa sebelum pelayar mengetahui alamat pelayan. Selepas itu, latency tinggi atau packet loss boleh menyebabkan permintaan perlu dihantar semula. Kesan ini lebih jelas apabila halaman mengandungi banyak fail kecil dari domain berbeza.

Uji halaman menggunakan DNS yang berbeza dan perhatikan masa carian DNS dalam laporan rangkaian. Jalankan ping atau traceroute secara berhati-hati untuk mengenal pasti kelewatan antara router, ISP atau destinasi. Packet loss yang berterusan perlu dilaporkan kepada ISP atau operator, terutama jika ia turut menjejaskan panggilan video dan permainan dalam talian.

Wi-Fi, router atau modem menjejaskan keputusan

Isyarat Wi-Fi yang lemah, gangguan pada jalur 2.4 GHz, router yang terlalu lama atau terlalu banyak peranti aktif boleh mengurangkan prestasi. Kedudukan router di belakang dinding tebal dan jarak yang jauh juga boleh meningkatkan latency serta menyebabkan penghantaran semula paket.

Ulangi ujian berhampiran router pada jalur 5 GHz atau 6 GHz jika disokong, kemudian bandingkan dengan sambungan Ethernet. Mulakan semula modem dan router, kemas kini firmware serta kurangkan penggunaan berat semasa ujian. Jika keputusan Ethernet baik tetapi Wi-Fi perlahan, fokuskan penyelesaian pada liputan dan konfigurasi rangkaian rumah.

Cara mengenal pasti sumber masalah

1. Uji halaman pada sekurang-kurangnya dua pelayar dan dua peranti.
2. Bandingkan sambungan Ethernet, Wi-Fi dan data mudah alih jika tersedia.
3. Ulangi ujian pada waktu berlainan untuk mengenal pasti kesesakan.
4. Semak laporan waterfall bagi DNS, masa sambungan, masa respons dan fail terbesar.
5. Bandingkan beberapa halaman dalam domain yang sama dengan laman web lain.

Jika semua laman web perlahan, periksa router, Wi-Fi dan ISP terlebih dahulu. Jika hanya satu laman yang perlahan, puncanya lebih berkemungkinan berkaitan pelayan, kod, media atau CDN laman tersebut.

Langkah pengoptimuman yang disarankan

• Compress dan tukar imej kepada format moden tanpa menurunkan kualiti secara berlebihan.
• Kurangkan skrip pihak ketiga dan muatkan hanya fungsi yang diperlukan.
• Gunakan cache pelayar, cache pelayan dan CDN dengan dasar yang sesuai.
• Optimumkan pertanyaan pangkalan data serta masa pemprosesan aplikasi.
• Pastikan halaman responsif dan utamakan kandungan yang kelihatan pada skrin.
• Uji prestasi selepas setiap perubahan supaya kesan sebenar dapat dikenal pasti.

Untuk rujukan tambahan, anda boleh menggunakan alat ujian prestasi halaman dan membandingkan keputusannya dengan ujian kelajuan sambungan internet. Jika masalah rangkaian berlaku pada banyak peranti walaupun menggunakan Ethernet, sediakan rekod masa, lokasi dan keputusan ujian sebelum menghubungi ISP.