Salah satu faktor SEO adalah kecepatan blog, dan Pagespeed adalah alat yang dapat membantu untuk meningkatkan performa kecepatan situs. Halaman ini mengumpulkan semua langkah penyelesaian atas issue yang muncul dalam penggunaan Pagespeed, tentunya untuk kecepatan situs web.
| Issue | Desc |
|---|---|
| Render-Blocking Resources | CSS/JS yang menghalangi browser menampilkan konten awal (FCP). |
| Unused CSS | Kode CSS yang tidak dipakai, menambah ukuran halaman. |
| Unused JavaScript | Script berlebih yang tidak pernah dijalankan, memperlambat load. |
| Serve Images in Next-Gen Formats | Menggunakan WebP/AVIF untuk performa lebih cepat dibanding JPEG/PNG. |
| Defer Offscreen Images | Lazy-load gambar yang tidak terlihat di layar awal. |
| Properly Size Images | Menggunakan ukuran gambar sesuai tampilan (tidak terlalu besar) agar mengurangi waktu unduh dan penggunaan bandwidth. |
| Defer Offscreen Images (Lazy Load) | Menunda pemuatan gambar yang berada di luar tampilan awal (below-the-fold) sehingga hanya gambar yang terlihat yang dimuat pertama. |
| Preload Key Requests | Memberi tahu browser untuk memprioritaskan resource penting (mis. hero image, critical CSS, font) dengan <link rel="preload">. |
| Preconnect to Required Origins | Menginisiasi koneksi awal (DNS, TCP, TLS) ke domain pihak ketiga yang dibutuhkan agar mengurangi latensi permintaan berikutnya. |
| Enable Text Compression | Aktifkan kompresi teks di server (GZIP atau Brotli) untuk mengurangi ukuran transfer file HTML/CSS/JS. |
| Reduce JavaScript Execution Time | Kurangi waktu eksekusi JS dengan memecah (code-splitting), menunda / mengubah ke async/defer, dan menghapus script yang tidak perlu. |
| Avoid Excessive DOM Size | Kurangi jumlah elemen DOM yang tidak perlu karena DOM besar memperlambat parsing, style calculation, dan repaint. |
| Eliminate Multiple Page Redirects | Hilangkan redirect berlapis (redirect chains) untuk mempercepat waktu muat awal dan mengurangi permintaan tambahan. |
| Use a Content Delivery Network (CDN) | Sajikan aset statis melalui CDN agar konten dilayani dari lokasi server terdekat dengan pengguna, menurunkan latensi. |
| Avoid Chained Critical Requests | Kurangi dependency berantai pada resource kritis yang menunda rendering — pastikan resource penting dapat dimuat langsung atau dipreload. |
| Preload Fonts | Gunakan <link rel="preload" as="font"> untuk memprioritaskan memuat font penting sehingga mengurangi flash of invisible text. |
| Use Font-Display: Swap | Terapkan font-display: swap untuk menampilkan teks menggunakan font fallback sementara font web sedang dimuat, menjaga keterbacaan awal. |