Cara Menambahkan Expire Header (Expire Caching)
Masih berkaitan dengan meningkatkan kecepatan loading website atau blog. Jika sebelumnya telah dibahas cara Setting Leverage Browser Caching pada .htacces maka untuk menyempurnakannnya kita dapat menambahkan expire caching agar loading website / blog kita makin kenceng. Perbedaan mendasar dari keduanya adalah jika Leverage Browser Caching hanya menginstruksikan browser untuk meng-cache file-file statis maka dengan menambahkan Expire Header (Expire Caching) akan menambahkan instruksi atas berapa lama file statis itu layaknya di-cache. Bagi file-file statis seperti image, css dan javascript yang relatif tidak berubah, kita dapat menginstruksikan pada server & browser untuk tidak mendownload ulang file yang sama dengan menambahkan future expire caching. Adapun karena sifatnya yang statis maka semakin lama future expire-nya adalah semakin baik.
Menambahkan Expire Header (Expire Caching) dapat dilakukan dengan dua cara. Dengan menambahkan kode pada .htacces atau dapat pula dengan menambahkan meta tag atau cache control pada header.
Add Expire Header pada .htaccess
Untuk menentukan berapa lama seharusnya file static dicache, cara pertama kita dapat menambahkan kode berikut pada. htacces:
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive OnExpiresByType 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 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 29 days"
</IfModule>
## EXPIRES CACHING ##
Sebagai catatan, saya set Expires Default-nya selama 29 hari atau satu bulan. Parameter ini bisa diubah sesuai keinginan dan kebutuhan. Untuk website aktif yang cenderung merubah konten (static) parameter ini bisa diperkecil atau sebaliknya bagi website yang memang betul-betul statis maka lebih lama lebih baik.
Set Future Expire Caching pada Header
Penambahan expire caching pada header memang manual dan perlu re-cheking ulang tergantung period tertentu. Namun pada beberapa situs, cara ini lebih efektif dan applicable. Silahkan tambahkan kode di bawah pada head dan ubah parameter sesuai kebutuhan.
<meta http-equiv="expires" content="sat, 02 jun 2018 14:30:00 GMT">
Beberapa cara untuk meningkatkan performa dan kecepatan loading blog atau website lainnya, silahkan simak pula pada link-link di bawah ini:
Mantap banget nih tutorialnya terimakasih admin telah membagikan ilmunya yang sangat bermanfaat dan membantu.. Salam sukses
Sip gan, semoga bermanfaat ya…
sangat sulit meningkatkan kecepatan blog jika masih menggunakan blogspot yaa
Kok punya saya masih ada peringatan
Manfaatkan penyimpanan dalam cache browser untuk sumber daya yang dapat disimpan dalam cache berikut:
http://sync.users-api.com/etg.js (habisnya masa berlaku tidak ditentukan)
http://www.google-analytics.com/ga.js (2 jam)
itu data / script dari luar (website lain), ga bisa kita oprek sendiri gan
terimakasih mas caranya.. tapi gk disemua template bisa pake cara meta tag..
bagi yang error saat pemasangan.. ada yang kurang dari script diatas
yang salah kemungkinan cuma tulisan “” alias kutipan, belajar mandiri dan bisa lebih jeli gan jgn cuma bisa disuapin atau nyalahin, itu script normal kok
pada bagian iini disesuaikan sesuai kebutuhan mksdnya tanggalnya diseting tanggal sekrang kah atau tanggal mendatang gan?mhon pencerahan, tenks
jelas itu ke tanggal, dan tentunya tanggal mendatang misal setahun dari hari ini