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:
Mau nanya bang..
Ini bisa di terapkan di template blogspot amp ngga ?
Bisa gan, tapi khusus pakai Set Future Expire Caching pada header saja
mas untuk cara yang kedua itu jika udah masuk bulan juni 2018 apakah kita mesti edit lagi set kadaluarsanya ato dibiarin nanti juga berubah sendiri,, ato gimana nih mas saya kurang paham,, trims..
Itu harus edit manual, kecuali jika paham javascript bisa buat kode misal untuk satu tahun ke depan dari hari ini
artikel yang dicari. mau dicoba dulu, thanks
Silahkan gan, semoga bermanfaat…
Moga berhasil pada blog ane
Sip gan, silahkan dicoba 😉
Dicoba dulu sob, moga berhasil pada blog ane