Alat untuk menguji kecepatan situs web (itdog, GTmetrix)

Kecepatan situs web merupakan faktor kunci yang memengaruhi pengalaman pengguna dan peringkat mesin pencari. Jika waktu pemuatan lebih dari 3 detik, 501% pengguna TP4T akan langsung menutup halaman; sedangkan situs web yang cepat tidak hanya dapat meningkatkan durasi kunjungan pengguna, tetapi juga mendapatkan tambahan poin peringkat dari mesin pencari. Untuk mengoptimalkan kecepatan situs web, langkah pertama adalah "menemukan masalahnya", dan alat pengukuran kecepatan profesional dapat membantu Anda mengidentifikasi kemacetan secara akurat. Bagian ini akan memperkenalkan secara rinci dua alat pengukuran kecepatan yang cocok untuk pemula: itdog (yang berfokus pada akses domestik) dan GTmetrix (analisis kinerja global), yang akan mengajari Anda cara mendiagnosis masalah kecepatan situs web dengan cepat menggunakan alat-alat ini.

1. Mengapa harus menguji kecepatan situs web? Pahami terlebih dahulu makna intinya.

Sebelum melakukan optimasi, penting untuk memahami bahwa kecepatan pengujian bukanlah tentang melihat "angka", tetapi tentang mendapatkan "arah optimasi". Misalnya:

• Mengapa situs web ini membuka dengan lambat? Apakah karena gambarnya terlalu besar? Atau karena latensi respons server?

• Pengguna domestik dapat mengaksesnya dengan cepat, tetapi pengguna luar negeri tidak bisa membukanya?

• Di komputer, tampilannya normal, tetapi di ponsel, loadingnya lambat?

Semua pertanyaan ini perlu dijawab melalui analisis data alat pengukur kecepatan. Bagi pemula, tidak perlu memahami semua detail teknis, cukup fokus pada "indikator kunci" dan "saran optimasi" untuk memecahkan masalah secara tepat.

II. Alat 1: itdog (pilihan utama webmaster domestik, berfokus pada akses lokal)

Itdog (dengan nama Cina "Alat Webmaster") adalah salah satu alat pengukur kecepatan yang paling sering digunakan di Tiongkok, dengan kelebihan sebagai berikut:Meliputi semua operator dan wilayah utama di Tiongkok Daratan.Ini dapat secara akurat mencerminkan pengalaman akses nyata pengguna domestik. Jika pengguna utama situs web Anda adalah pengunjung domestik, prioritaskan untuk menggunakannya untuk melakukan pengujian.

1. Informasi dasar

• Alamat situs web resmi.：\nhttP.S.:\n//www.it\nAnjing..cn(Tanpa perlu registrasi, gunakan fitur-fitur inti secara gratis)

• Skenario yang BerlakuMenguji kecepatan akses di berbagai wilayah dalam negeri dan dari operator yang berbeda (Telecom / Unicom / Mobile), serta mengidentifikasi masalah seperti "sebagian pengguna tidak dapat membuka situs web" dan "keterlambatan akses regional".

• Keunggulan intiData ini mendekati lingkungan jaringan aktual di dalam negeri, dengan operasi yang sederhana dan hasil yang intuitif.

2. Fitur utama dan langkah-langkah penggunaan (wajib dibaca untuk pemula)

Langkah 1: Pilih alat "Uji Kecepatan HTTP".

Buka situs web resmi itdog, lalu klik "Uji Kecepatan HTTP" di bilah navigasi atas (atau langsung temukan pintu masuk alat tersebut di halaman utama). Ini adalah fitur yang paling cocok untuk pemula — langsung uji seluruh proses dari permintaan hingga pemuatan halaman web secara lengkap.

Langkah 2: Masukkan URL dan pilih parameter pengujian.

• Di kotak "URL Uji", masukkan alamat halaman utama situs web Anda (misalnya https://example.com(Direkomendasikan untuk menggunakan alamat HTTPS.)

• "Nodus Uji": Secara default, pilih "Semua" (mencakup 30+ wilayah dan operator domestik, seperti Beijing Telecom, Shanghai Unicom, Guangzhou Mobile, dll.), dan pemula tidak perlu mengubahnya.

• "Opsi Pengujian": Pertahankan default (centang "Uji HTML Lengkap" dan "Tampilkan Detail"), lalu klik "Mulai Pengujian".

Langkah 3: Menafsirkan hasil tes (fokus pada 3 informasi).

Setelah tes selesai, halaman akan menampilkan hasil pemuatan semua node (hijau menunjukkan normal, merah menunjukkan abnormal), dan pemula tidak perlu memeriksa semuanya satu per satu. Fokuslah pada 3 poin berikut:

1. Waktu pemuatan keseluruhan.​

Setiap node pengujian akan menampilkan "waktu total" (seperti "1,2 detik", "3,5 detik"), dan waktu pemuatan di area utama dalam negeri (seperti Beijing, Shanghai, Guangzhou) harus kurang dari 3 detik. Jika melebihi 5 detik, itu berarti ada masalah yang jelas.

2. Tahap-tahap kunci memakan waktu.​

Klik "Detail" pada node mana pun untuk melihat fase terperinci dari proses pemuatan:

• "Analisis DNS": Seharusnya dalam waktu 100 ms (jika lebih dari 500 ms, mungkin analisis nama domain tidak stabil, disarankan untuk mengganti penyedia layanan DNS).

• "Pembentukan koneksi": Seharusnya dalam 200 ms (jika lebih dari 1 detik, mungkin cakupan jaringan server di area tersebut buruk, disarankan untuk mengganti server atau menggunakan CDN).

• "Memuat konten": Ini mengambil sebagian besar waktu total (jika terlalu lama, mungkin karena gambar, video, atau sumber daya lainnya terlalu besar, sehingga perlu mengoptimalkan ukuran file).

3. Mendeteksi node abnormal.​

Jika node dari operator tertentu (seperti Unicom) atau wilayah tertentu (seperti provinsi barat) umumnya ditampilkan dengan warna merah (loading gagal atau timeout), ini menunjukkan bahwa pengguna di wilayah tersebut mungkin mengalami kesulitan mengakses situs web Anda. Anda perlu menghubungi penyedia server untuk mengoptimalkan koneksi jaringan.

3. Fitur-fitur praktis lainnya (bisa dicoba oleh pemula)

• Tes Ping di berbagai lokasi.: Uji konektivitas jaringan server (cari "Uji Ping" di halaman utama, lalu masukkan nama domain). Jika tingkat paket yang hilang melebihi 5%, itu berarti stabilitas server buruk.

• Queri DNS.: Periksa apakah analisis nama domain sudah benar (setelah memasukkan nama domain, Anda dapat melihat alamat IP yang dikembalikan oleh server DNS yang berbeda, pastikan itu konsisten dengan IP server Anda).

III. Alat 2: GTmetrix (analisis kinerja global, panduan optimasi profesional)

GTmetrix adalah alat analisis kinerja terkenal di seluruh dunia, dengan kelebihan sebagai berikut:Menyediakan skor kinerja profesional dan saran optimasi spesifik.Ini tidak hanya dapat memberi tahu Anda "kecepatannya lambat", tetapi juga dapat secara jelas memberi tahu Anda "bagaimana cara memperbaikinya". Ini cocok untuk pemula yang membutuhkan optimasi mendalam terhadap kinerja situs web, atau situs web yang memiliki pengguna di luar negeri.

1. Informasi dasar

• Alamat situs web resmi.：\nhttPS:/\n/www.gtm\netrix.com(Versi gratis cukup untuk pemula, dan Anda dapat menyimpan catatan tes setelah mendaftar.)

• Skenario yang BerlakuMenganalisis kendala kinerja situs web (seperti gambar yang tidak terkompresi, caching yang tidak diaktifkan), dan mensimulasikan pengalaman akses dari berbagai wilayah dan perangkat (ponsel/komputer) di seluruh dunia.

• Keunggulan intiDengan menggabungkan indikator Google PageSpeed dan Web Vitals, kami menyediakan langkah-langkah optimasi yang praktis, cocok untuk pemula yang ingin mempelajari optimasi kecepatan secara sistematis.

2. Fitur utama dan langkah-langkah penggunaan (wajib dibaca untuk pemula)

Langkah 1: Masukkan URL dan pilih konfigurasi pengujian.

Buka situs web GTmetrix, lalu isi alamat situs web Anda di kolom input (misalnya https://example.comSebelum mengklik "Uji situs Anda", Anda dapat mengklik "Pengaturan" untuk menyesuaikan konfigurasi (disarankan bagi pemula untuk menggunakan pengaturan default):

• Lokasi TesPilih node pengujian (versi gratis memungkinkan untuk memilih Amerika Utara, Eropa, dan sebagian wilayah Asia Pasifik, seperti "Hong Kong", yang cocok untuk menguji kecepatan yang ditujukan untuk Asia).

• \nPeramban.Pilih browser pengujian (secara default adalah "Chrome", yang konsisten dengan browser kebanyakan pengguna).

• Perangkat.Pilih "Desktop" (komputer) atau "Mobile" (ponsel), disarankan untuk menguji kedua perangkat tersebut.

Langkah 2: Menafsirkan hasil tes (fokus pada 4 bagian).

Setelah tes selesai, akan dihasilkan laporan terperinci. Bagi pemula, tidak perlu memperhatikan semua data. Fokuslah pada 4 bagian utama berikut:

1. Skor kinerja keseluruhan (Nilai & Skor)​

Di bagian atas halaman, akan ditampilkan dua skor (dengan nilai A- F, A sebagai nilai terbaik):

• Skor Kinerja: Skor kinerja keseluruhan (berdasarkan kecepatan pemuatan, optimasi sumber daya, dll.), target pemula harus setidaknya mencapai "B" (lebih dari 70 poin).

• Skor Struktur: Skor optimasi struktur (berdasarkan standar kode, pengaturan cache, dll.), target pemula setidaknya mencapai "A" (lebih dari 90 poin).

2. Indikator Web Inti (Web Vitals)​

Ini adalah indikator kunci Google untuk menilai pengalaman pengguna di situs web, yang secara langsung memengaruhi peringkat SEO, dan perlu mendapat perhatian khusus:

• LCP (Layar Konten Maksimum)Untuk mengukur waktu pemuatan konten utama halaman, standar yang memadai adalah "dalam 2,5 detik" (hijau). Jika melebihi batas waktu, mungkin karena gambar di layar pertama terlalu besar atau servernya lambat dalam merespons.

• TBT (Total Blocking Time)Untuk mengukur latensi interaksi halaman, standar yang memenuhi syarat adalah "dalam 100 milidetik" (hijau). Jika melebihi batas waktu, mungkin file JavaScript belum dioptimalkan, perlu dikompresi atau dimuat tertunda.

• CLS (Cumulative Layout Shift): Untuk mengukur stabilitas tata letak halaman (menghindari elemen yang tiba-tiba bergerak), standar yang memenuhi syarat adalah "di bawah 0,1" (hijau). Jika melebihi batas, mungkin karena gambar tidak memiliki atribut lebar dan tinggi.

3. Diagram air terjun (Waterfall)​

Menampilkan secara visual urutan pemuatan dan waktu yang dibutuhkan untuk setiap sumber daya (gambar, CSS, JS, dll.) di halaman. Pemula dapat menentukan masalah berdasarkan warna: ​

• Sumber daya merah: Waktu pemuatan terlalu lama (seperti gambar yang membutuhkan lebih dari 2 detik untuk dimuat), perlu mengoptimalkan ukuran file.

• Sumber daya berwarna kuning: Ada masalah dengan caching (caching browser tidak diaktifkan), perlu mengatur caching melalui plugin (lihat bagian 23.3).

4. Saran optimasi (Rekomendasi)​

Ini adalah bagian paling praktis dari GTmetrix! Ini akan mencantumkan langkah-langkah optimasi spesifik, dengan setiap saran ditandai dengan "Prioritas" (Tinggi/Sedang/Rendah) dan "Penghematan Waktu". Pemula dapat melakukannya sesuai dengan prioritas dari tinggi ke rendah:

• Prioritas tinggi (Tinggi): Perlu dioptimalkan, seperti "mengompres gambar", "mengaktifkan caching browser", dan "mengompres file CSS/JS".

• Tingkat Prioritas Sedang: Diperlukan optimasi, seperti "mengurangi pengalihan" dan "menunda pemuatan gambar yang tidak berada di layar pertama".

• Prioriitas rendah (Low): Optimisasi opsional, seperti "Menghapus CSS yang tidak digunakan" (Pemula dapat mengabaikannya untuk sementara waktu).

3. Tips untuk pemula.

• Tes perbandingan.Setelah setiap optimasi (seperti mengompres gambar, menginstal plugin cache), uji ulang menggunakan GTmetrix untuk melihat apakah skor dan indikator telah meningkat, dan untuk memverifikasi efektivitas optimasi tersebut.

• \nSimpan laporan.Setelah mendaftakan akun, Anda dapat menyimpan catatan tes untuk membandingkan perubahan kinerja pada periode yang berbeda.

• \nHindari optimasi berlebihan.Versi gratisnya memiliki batasan jumlah tes per hari (sekitar 5 kali), tidak perlu melakukan tes terlalu sering, cukup optimalkan 1-2 pertanyaan utama lalu lakukan tes lagi.

4. Masalah umum bagi pemula dan saran penggunaan

1. Hasil tes dari dua alat tidak konsisten, mana yang harus dijadikan acuan?

• Ini fenomena normal! Karena node pengujian dan lingkungan jaringannya berbeda (itdog berfokus pada domestik, sedangkan GTmetrix berfokus pada global).

• saranMenggunakan alat yang sesuai dengan wilayah tempat pengguna target berada — pengguna domestik utamanya menggunakan itdog, sedangkan pengguna luar negeri utamanya menggunakan GTmetrix; sambil menggunakan saran optimasi GTmetrix untuk memandu operasi spesifik.

2. Hasil tes menunjukkan "kecepatan lambat", tetapi saya sendiri dapat mengaksesnya dengan cepat?

• Alasannya: Kamu mungkin telah menyimpan konten situs web di cache lokal, atau berada di wilayah yang sama dengan server.

• Solusi: Hapus cache browser saat melakukan pengujian (Ctrl+Shift+Delete), atau gunakan GTmetrix untuk memilih node di area lain guna mensimulasikan pengalaman nyata pengguna yang berbeda.

3. Tidak memahami istilah teknis, bagaimana cara mengoptimalkannya dengan cepat?

• Tidak perlu mempelajari terminologinya secara mendalam, cukup ikuti "Saran Optimasi" dari alat tersebut:

• ITdog memberi saran, "Konten memuat terlalu lambat": Prioritaskan kompresi gambar (lihat bagian 23.2).

• GTmetrix memberi saran untuk "Mengaktifkan caching": Instal plugin caching (seperti WP Rocket, lihat bagian 19.4).

• GTmetrix memberi tahu "LCP timeout": Optimalkan gambar layar pertama (kompres atau ubah formatnya menjadi WebP).

Kesimpulan.

Menguji kecepatan situs web merupakan prasyarat untuk optimasi. itdog dan GTmetrix masing-masing memiliki fokus: itdog membantu Anda memahami situasi akses aktual pengguna domestik, sedangkan GTmetrix menyediakan panduan optimasi profesional. Pemula tidak perlu menguasai semua fitur, cukup ingat: gunakan itdog untuk melihat waktu pemuatan di area domestik dan operator, serta gunakan "saran optimasi" (prioritas tinggi) GTmetrix untuk melakukan tindakan spesifik.

Setelah setiap optimasi, kami menggunakan alat untuk memverifikasi hasilnya dan secara bertahap mengurangi waktu pemuatan situs web hingga di bawah 3 detik — hal ini tidak hanya meningkatkan pengalaman pengguna, tetapi juga membangun fondasi yang kuat untuk peringkat SEO.