Cara Mengatasi Leverage Browser Caching untuk meningkatkan Pagespeed Website

Leverage browsing caching sering kita jumpai ketika mengecek permasalahan halaman web menggunakan tool,seperti GTMETRIX dan Page Speen Insight. Leverage browsing caching juga merupakan salah satu faktor yang mempengaruhi kecepatan loading dalam suatu halaman website. Nah, pada artikel berikut ini kita akan membahas perihal bagaimana mengatasi leverage browser caching tersebut.

Secara sederhana ketika kita membuka suatu halaman website, dengan otomatis browser akan menampilkan logo, gambar, font, dan kode-kode pemrograman lainya seperti css dan javascript. Dan jika suatu hari nanti kita membuka halaman website yang sama, ditemukan bahwa loading dari membuka halaman website tersebut lebih cepat, taukah anda kenapa hal itu bisa terjadi ? Hal itu terjadi karena browser ditugaskan oleh halaman website menyimpan logo, gambar, font, dan kode-kode pemrograman lainya. Sehingga, loading suatu website lebih cepat.

Jika anda menguji kecepatan halaman website anda dengan tools seperti Gtmetrix, Pingdom dan menemukan masalah pada bagian Leverage Browser Caching, hal apakah yang harus dilakukan ?

Cara Mengatasi Leverage Browser Caching

Langkah untuk mengoptimalkan kecepatan suatu web yang memiliki masalah leverage browser caching kita hanya perlu mengatur file .htaccess pada halaman cpanel. Caranya :

1. Buka cpanel hosting anda.
2. Buka webhost/server anda.
3. Buka file .htaccess dan tekan edit
4. Tambahkan kode berikut pada bagian atas dari .htaccess tersebut.

Code :

## EXPIRES CACHING ##
 <IfModule mod_expires.c>
 ExpiresActive On
 ExpiresByType image/jpg "access 1 year"
 ExpiresByType image/jpeg "access 1 year"
 ExpiresByType image/gif "access 1 year"
 ExpiresByType image/png "access 1 year"
 ExpiresByType text/css "access 1 month"
 ExpiresByType text/html "access 1 month"
 ExpiresByType application/pdf "access 1 month"
 ExpiresByType text/x-javascript "access 1 month"
 ExpiresByType application/x-shockwave-flash "access 1 month"
 ExpiresByType image/x-icon "access 1 year"
 ExpiresDefault "access 1 month"
 </IfModule>
 ## EXPIRES CACHING ##

Tekan save dan lakukan refresh ulang halaman website anda.

Pada kode diatas terlihat bahwa file gambar dan javascript lah yang dicache. Dan terlihat juga rentang waktu 1 year dan 1 month. Maksud dari 1 year/1month merupakan kode perintah yang kita berikan pada webhost untuk mencache suatu file dalam jangka waktu tertentu. Jika anda ingin mencache seluruh gambar pada jangka waktu 1 bulan. Cukup mengubah tulisan 1 year menjadi 1 month. Nilai-nilai di atas cukup dioptimalkan untuk sebagian besar halaman web dan blog.

Masalah Caching Umum Lainnya

Masalah cache yang kerap ditemui adalah tampilan suatu website tidak berubah, padahal, kode dari website tersebut telah kita ubah. Ini dipengaruhi oleh rentang waktu browser caching yang lama misalnya 1 tahun. Cara mengatasinya cukup mudah dengan menerapkan trik URL Fingerprinting.

URL FingerPrinting

Url fingerprinting merupakan solusi untuk mengatasi masalah cache umum. Caranya misal dengan mengubah nama file dari .css pada website tersebut lalu membuat file baru dengan nama yang berbeda. Sebagai contoh ketika kita merubah warna header didalam file css, maka kita harus merubah nama file dari css tersebut dan load didalam head nama file css tadi yang baru . Bila nama file tetap seperti sebelumnya, browser akan tetap menampilkan hasil seperti tampilan website sebelum diubah.

Nah, demikianlah cara mengatasi Leverage Browser Caching pada halaman website. Semoga artikel ini memberikan yang terbaik bagi website anda. Jika Anda membutuhkan jasa SEO profesional di Bali atau web design bali silakan menghubungi Azka Digital. Azka Digital adalah jasa web design, jasa seo, dan jasa branding / internet marketing yang berkantor di Kuta Bali.

Read more »