Google PageSpeed Insight adalah Tools yang dibuat khusus oleh Google bagi para web-master/admin website yang ingin memiliki website yang optimal dari segi kecepatan/speed. Google PageSpeed Insight memudahkan para web-master / admin website dalam mengoptimalkan kecepatan dari segala sisi, mulai dari : Cache Browser, Minify Kode2 Website yang memakan waktu / load, dan lain sebagainya.

Namun temen2, pada kesempatan kali ini saya hanya akan berbagi tutorial tentang salah satu permasalahan yang sering muncul ketika temen2 mengoptimalkan website dengan tool Google PageSpeed Insight ini.

Berikut ini adalah salah satu pesan “Consider Fixing” yang sering dihasilkan ketika mencoba tester di Google PageSpeed Insight:

Leverage browser caching

Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.

atau temen2 bisa lihat screenshot dibawah ini :

SOLVED - Leverage browser caching - Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.jpg

Nah, kesimpulan dari pesan tersebut menyarankan kita sebagai web-master/admin website untuk mengatur expire cache semua file yang di load oleh browser.

Berikut ini adalah langkah-langkah untuk men-cache semua file website lewat file .htaccess dengan masa expire 2 minggu setelah website di akses oleh pengunjung / user.

Cara memberikan waktu expire cache file website melalui .htaccess

  1. Pertama : Buka file manager (cPanel) > Buka Folder public_html / www biasanya disitu sudah tertera file .htaccess yang digenerate oleh CMS yang sobat pakai, disini saya menggunakan wordpress.
  2. Kedua : Simpan kode dibawah ini di akhir kode yang ada dalam file .htaccess
    <IfModule mod_expires.c>
    # Enable expirations.
    ExpiresActive On

    # Cache all files for 2 weeks after access (A).
    ExpiresDefault A1209600

    <FilesMatch (\.js|\.html)$>

    ExpiresActive Off

    </FilesMatch>

    </IfModule>

  3. Selesai.

Cukup mudah bukan? .. semoga tutorial tentang Mengatasi “Leverage browser caching” di Google PageSpeed Insight (.htaccess). ini bermanfaat bagi temen2 / admin website yang sedang membutuhkan informasi tersebut.

Terima kasih sudah meluangkan waktunya, jika ada pertanyaan silahkan berikan komentar melalui tombol komentar diakhir postingan ini.