Bagi pengguna internet, kecepatan loading blog atau website tentunya memberikan kenyamanan tersendiri. Saya kutip dari salah satu semboyan google, “The Web Should be Fast”. Termasuk halnya kecepatan loading blog, jika setiap pengguna internet berhak mendapatkan a fast web, maka optimasi dan meningkatkan kecepatan loading blog/ website adalak kewajiban mutlak semua webmaster. Bukan hal asing lagi tentunya kini aplikasi pagespeed dan yslow menjadi acuan dan tolak ukur baiknya performa suatu blog / website. Satu dari beberapa cara untuk mempercepat loading blog atau website itu adalah dengan setting Leverage Browser Cache. Hmmmhh.., apa tuh maksudnya?
Cara Setting Leverage Browser Caching pada.htacces
Leverage Browser Cache sederhananya adalah optimasi kecepatan loading website dengan menginstruksikan browser untuk mengambil (mengorek) kembali data yang sudah ditrasfer sebelumnya dari dalam cache browser. Setiap kali kita membuka sebuah halaman website, pada saat itu terjadilah serangkaian proses download file html, javascript, css, gambar dan lainnya. Semua file yang terdownload tadi tersimpan sementara pada cache browser, sehingga ketika kita membuka halaman lain, browser akan mencari kembali file yang sudah terdownload tadi dari dalam cache. Secara default, fungsi caching ini sudah dilakukan otomatis oleh browser. Namun prosesnya belum optimal dan masih bisa diinterupsi oleh beberapa faktor seperti perubahan proxy, lama sessi dan lain-lain. Maka dengan adanya tambahan instruksi dari Leverage Browser Cache ini akan membantu optimasi caching pada browser sehingga proses loading website atau blog kita lebih cepat.
Bagi sobat yang menggunakan plugin W3 Total Cache, fungsi browser caching ini sudah ada dan tinggal diaktifkan. Namun bagi sebagian pengguna, termasuk saya plugin ini kurang cocok dan malah membuat server bekerja lebih lambat. Terlebih sebelumnya server pada hostingan saya menggunakan orangeserve yang “typically” banyak bermasalah dengan sejumlah plugin. Maka sebagai solusinya, saya mengadaptasi manual Leverage Browser Caching dengan menambahkan kode berikut pada .htacces:
# BEGIN W3TC Browser Cache
<FilesMatch "\.(css|js|htc|CSS|JS|HTC)">
<IfModule mod_headers.c>
Header set Pragma "public"
Header set Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>
FileETag None
</FilesMatch>
<FilesMatch "\.(html|htm|rtf|rtx|svg|svgz|txt|xsd|xsl|xml|HTML|HTM|RTF|RTX|SVG|SVGZ|TXT|XSD|XSL|XML)">
<IfModule mod_headers.c>
Header set Pragma "public"
Header set Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>
FileETag None
</FilesMatch>
<FilesMatch "\.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|eot|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|otf|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|svg|svgz|swf|tar|tif|tiff|ttf|ttc|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip|ASF|ASX|WAX|WMV|WMX|AVI|BMP|CLASS|DIVX|DOC|DOCX|EOT|EXE|GIF|GZ|GZIP|ICO|JPG|JPEG|JPE|MDB|MID|MIDI|MOV|QT|MP3|M4A|MP4|M4V|MPEG|MPG|MPE|MPP|OTF|ODB|ODC|ODF|ODG|ODP|ODS|ODT|OGG|PDF|PNG|POT|PPS|PPT|PPTX|RA|RAM|SVG|SVGZ|SWF|TAR|TIF|TIFF|TTF|TTC|WAV|WMA|WRI|XLA|XLS|XLSX|XLT|XLW|ZIP)">
<IfModule mod_headers.c>
Header set Pragma "public"
Header set Cache-Control "public, must-revalidate, proxy-revalidate"
</IfModule>
FileETag None
</FilesMatch>
# END W3TC Browser Cache
Bagi sobat yang ingin menambahkan dan setting Leverage Browser Caching, silahkan copy kode di atas dan tambahkan pada file .htacces di root folder website. Adapun beberapa cara untuk meningkatkan performa dan kecepatan loading blog atau website lainnya, silahkan simak pula pada link-link di bawah ini:
Mas D-artchitext,
sudah saya pasang di httaccsess saya (server host) bagaimana cara cek misal ada ketidak normalan atau perubahan besar yg terjadi. Terima kasih ….
mohon informasinya, ini bisa di gunakan untk blogspot kah?
tidak, blogspot tidak support htaccess, hanya untuk website self hosting
Terima kasih atas tutorialnya, saya coba praktekkan dulu, semoga membantu
Silahkan sob, semoga berhasil…
saya mau terapkan tutorial ini mas, tapi ada kode adsense. apakah aman? karena iklan adsensenya nanti kena caching juga…
Tidak apa-apa, justru akan lebih bagus untuk meningkatkan impressi iklan.
halo mas..saya mau tanya..
saya speed wp saya Leverage browsing cachenya jelek banget..
di artikel ini kan disaranin pake cara edit file htacces kan. nah di file htacces sudah ada beberapa code yang dulu saya masukan. bisa ega kalau saya nambahin code “Leverage Browser Cache” diatas ke htacces..? takutnya file htacces saya jadi penuh dan malah jadi error..
mohon bantuannya.
tidak apa2 selama kodenya tidak bentrok dan cocok dengan servernya, kode htaccess saya aja lumayan banyak kok.