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:
@Ayahnieda Kalo masalah penempatan gak ngaruh disimpen di mana aja. tp klo error kemungkinan server gak support, sebab ada beberapa mod yg diperlukan dlm kode di atas.
Assalamulaikum…. mas mau tanya dong penempatan nya dimana ya? diantara mereka, dibawahnya atau diatasnya? ini kode htaccesnya, sudah coba kemarin malah error mas. Need ur answer pisan, maklum nubi nih hehehe
# -FrontPage-
bla bla bla
bla bla bla
bla bla bla
bla bla bla
# BEGIN WordPress
bla bla bla
# END WordPress
kalo diblogger gimana cara menambah code itu yyya.,,
thanks.,
tolong dibantu gan., web aku masih 60kb speed test dari iwebtool’a 🙁
ihsansaidi.blogspot.com
ditunggu bala bantuannya 🙂
Klo blogger gak bisa karna g bisa akses htacces, tp masi bisa diakali dengan setting expire header dengan meta pada head. silahkan dibaca caranya pada setting expire header di blog ini.
Tanya: apakah masalah Leverage Browser Cache ini juga berpengaruh pada SERP?? thanks
Secara langsung tidak, karena leverage browser cache hanya membantu dari sisi kecepatan loading suatu halaman, dan BUKAN konten.Faktor relevansi datalah yg menjadi nilai dominan hasil SERPs. Namun tetap, browser cache memberi pengaruh terhadap kecepatan loading bagi user sekaligus bot/spider dari search engine, sehingga proses crawl atau pengindexan data situs kita menjadi lebih cepat dan lebih baik lagi.
Nice info gan… Saya sudah coba tambahkan code script ini ke .htaccess nya, tapi waktu saya kembali ke dashboard n klik salah satu menu disana, muncul pesan error : Internal Server Error The server encountered an internal error or misconfiguration and was unable to complete your request.bla..bla…
kira2 dimana salahnya gan…?? Mohon pencerahan..
Salam kenal…
Salam kenal juga, kemungkinan hosting tak mengaktifkan mod_deflate yg mnyebabkaan 500/ internal error karena di kode bagian atas kode ini minta deflate aktif. solusinya kode di atas bisa dihapus sebagian atau silahkan merujuk pada posting ini https://blog.finderonly.net/cara-menambahkan-expire-caching-pada-htacces-dan-header.html