Pemeriksa Kecepatan Halaman

Tentang Pemeriksa Kecepatan Halaman

Pemeriksa Kecepatan Halaman adalah alat berbasis browser yang menganalisis performa situs web dengan mengukur waktu pemuatan dan mengaudit header respons HTTP. Alat ini memberikan skor performa instan, grafik waterfall visual dari fase waktu (DNS, koneksi, TTFB, unduhan), dan rekomendasi yang dapat ditindaklanjuti untuk meningkatkan kecepatan halaman, caching, kompresi, dan header keamanan.

Cara Menggunakan Pemeriksa Kecepatan Halaman

1. Masukkan URL — Ketik atau tempel URL lengkap dari halaman yang ingin Anda analisis. Alat ini secara otomatis menambahkan https:// jika diabaikan.
2. Klik "Analisis Kecepatan" — Alat akan mengambil halaman, mencatat waktu, dan menganalisis header respons.
3. Tinjau Skor Anda — Skor performa keseluruhan (0–100) dihitung berdasarkan waktu respons dan praktik terbaik header.
4. Periksa Waterfall — Grafik waterfall visual menguraikan fase pencarian DNS, koneksi, respons server (TTFB), dan pengunduhan konten.
5. Baca Audit & Rekomendasi — Tinjau hasil audit header tertentu dan ikuti rekomendasi yang diberi peringkat prioritas untuk meningkatkan performa.

Memahami Metrik Utama

TTFB (Time to First Byte)

TTFB mengukur berapa lama browser menunggu byte data pertama dari server setelah mengirim permintaan. Ini mencakup resolusi DNS, koneksi TCP, handshake TLS, dan waktu pemrosesan server. TTFB yang baik adalah di bawah 200ms; nilai di atas 1000ms menunjukkan hambatan sisi server yang serius.

Waktu Pemuatan Total

Waktu total dari awal permintaan hingga selesainya pengunduhan respons. Untuk dokumen HTML, ini mewakili waktu transfer dokumen (tidak termasuk pemuatan sumber daya berikutnya seperti gambar, CSS, dan JavaScript).

Ukuran Respons

Ukuran dari badan respons. Respons yang lebih kecil dimuat lebih cepat. Aktifkan kompresi (gzip/Brotli) dan minify HTML/CSS/JS untuk mengurangi ukuran transfer. HTML halaman web yang khas harus di bawah 100KB dalam kondisi terkompresi.

Praktik Terbaik Header Performa

Rincian Skor

Skor performa dihitung dari dua faktor utama:

• Waktu Respons (60%) — TTFB dan waktu pemuatan total. TTFB di bawah 200ms dan total di bawah 1000ms adalah sangat baik.
• Audit Header (40%) — Kurangnya kompresi, caching, atau header keamanan mengurangi skor Anda. Setiap pemeriksaan yang gagal akan memotong poin.

Skor diklasifikasikan sebagai: 90–100 Sangat Baik, 70–89 Baik, 50–69 Perlu Perbaikan, 0–49 Buruk.

Batasan

• Alat ini berjalan di browser Anda, sehingga hasilnya mencerminkan kondisi jaringan dan lokasi geografis Anda.
• Pembatasan CORS dapat mencegah analisis header lengkap pada beberapa situs web. Alat ini akan beralih ke analisis waktu saja dalam kasus tersebut.
• Berbeda dengan alat sisi server (Lighthouse, WebPageTest), alat ini tidak dapat mengukur waktu render, eksekusi JavaScript, atau Core Web Vitals seperti LCP, FID, dan CLS.
• Hasil dapat bervariasi di setiap pengujian karena kondisi jaringan, beban server, dan caching.

Tips Meningkatkan Kecepatan Halaman

1. Aktifkan Kompresi — Konfigurasikan gzip atau Brotli di server web Anda untuk mengompresi aset berbasis teks.
2. Atur Header Cache — Gunakan max-age yang panjang untuk aset statis dan max-age singkat dengan ETag untuk HTML.
3. Gunakan CDN — Sajikan aset dari lokasi edge yang dekat dengan pengguna Anda untuk mengurangi latensi.
4. Optimalkan Gambar — Gunakan format modern (WebP, AVIF), kompres gambar, dan terapkan lazy loading.
5. Minimalkan Sumber Daya yang Memblokir Rendering — Tunda (defer) CSS dan JavaScript yang tidak kritis.
6. Kurangi Skrip Pihak Ketiga — Setiap skrip eksternal menambah pencarian DNS, koneksi, dan waktu penguraian.

FAQ

Apa yang diukur oleh Pemeriksa Kecepatan Halaman?

Alat ini mengukur waktu respons (TTFB dan total pemuatan), menganalisis header respons HTTP untuk praktik terbaik performa seperti caching, kompresi, dan header keamanan, serta memberikan skor performa keseluruhan dengan rekomendasi yang dapat ditindaklanjuti.

Mengapa kecepatan halaman penting untuk SEO?

Google menggunakan kecepatan halaman sebagai faktor peringkat. Halaman yang lebih cepat memberikan pengalaman pengguna yang lebih baik, tingkat pentalan yang lebih rendah, dan tingkat konversi yang lebih tinggi. Core Web Vitals, yang mencakup performa pemuatan, adalah bagian dari sinyal pengalaman halaman Google.

Apa itu TTFB dan mengapa itu penting?

TTFB (Time to First Byte) mengukur berapa lama browser menunggu byte data pertama dari server. TTFB yang baik adalah di bawah 200ms. TTFB yang tinggi menunjukkan masalah performa sisi server seperti kueri database yang lambat, kurangnya caching, atau server yang kelebihan beban.

Mengapa saya mendapatkan kesalahan CORS saat menguji beberapa URL?

Kesalahan CORS (Cross-Origin Resource Sharing) terjadi ketika sebuah situs web membatasi permintaan berbasis browser dari domain lain. Ini adalah fitur keamanan. Jika Anda menemui kesalahan CORS, server target tidak mengizinkan permintaan lintas domain dari browser.

Bagaimana cara meningkatkan skor kecepatan halaman saya?

Aktifkan kompresi gzip atau Brotli, atur header Cache-Control yang tepat dengan nilai max-age yang panjang, gunakan CDN, optimalkan gambar, minimalkan sumber daya yang memblokir rendering, dan terapkan header keamanan seperti HSTS dan X-Content-Type-Options.

Peralatan untuk webmaster:

• Kalkulator BPK
• Kalkulator CPM
• Kompresor CSS
• Generator Favicon
• Kalkulator Google AdSense
• Pembuat Cron Job
• Pembuat Ekspresi Crontab
• Kompresor HTML
• Pengonversi HTML ke Teks
• Pemeriksa Kepadatan Kata Kunci
• Generator Tabel Markdown
• Pembuat Tag Meta
• Penghapus Tanda Kutip Pintar
• Generator Slug URL
• Kalkulator Nilai Halaman
• Kalkulator Nilai Pengunjung
• Kalkulator Izin Unix (chmod)
• Pengkode/Pendekode Entitas HTML
• Generator Lorem Ipsum
• Escape Unescape String JSON
• Pengubah cURL ke JSON
• Pemformat SQL
• Pengoptimal SVG
• Htaccess Redirect Generator
• Pemeriksa Ukuran Crawl Googlebot
• Generator Robots.txt Baru
• Generator Sitemap XML Baru
• Pemeriksa Usia Domain Baru
• Pemeriksa Open Graph Baru
• Pencarian WHOIS Baru
• Cek DNS Baru
• Pemeriksa Kecepatan Halaman Baru
• Pemeriksa Kepercayaan Domain Baru
• Pemeriksa Pengalihan Baru
• Generator Tag Hreflang Baru
• Pemeriksa Tautan Rusak Baru
• Playground CSS Flexbox Baru
• CSS Grid Generator Baru
• Git Command Generator Baru
• Pembuat File .env Baru
• Pembuat Perintah cURL Baru
• Referensi Kode Status HTTP Baru
• Parser URL Baru
• Pembuat Query String Baru
• Konverter SVG ke React/JSX Baru
• Kompilator SCSS ke CSS Baru
• Kompilator Less ke CSS Baru
• Playground TypeScript Baru
• Generator Skema JSON Baru