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:
AKu sudah pake cara ke dua, tapi ga ada perubahan, masih aja muncul notifikasi bermasalah dari google speed
Barusan saya maen ke situsnya, kata saya lebih baik pake cara pertama sebab lebih komplit dan pasti berhasil.
Gan, maksudnya “Silahkan tambahkan kode di bawah pada head dan ubah parameter sesuai kebutuhan.
” ini apa ya? parameter mana yang harus diganti? apakah setelah melakukan Add Expire Header pada .htaccess lalu harus melakukan Set Future Expire Caching pada Header? thanks
Oh tidak, jika sudah pake kode htaccess tidak harus pake kode pada header. Tidak semua site punya dan bisa akses htaccess, jadi bagi yang tak punya, bisa pake kode header di atas..
itu diletakkan dibawah header/diatas header ? atau dibawah script apa ? soalnya saya coba-coba tapi templatenya malah error.mohon bantuannya..
yang penting masih dalam head (sebelum kode </head>)
bagaimana cara menerapkan expire caching di blogspot gan? saya sngat membutuhkan infonya,,terimakasih
Berhubung blogger tidak support htaccess, Anda bisa pakai cara kedua melalui header. silahkan dicoba 😉
Untuk blogger bisa gak? Bisa di jelasin lagi caranya lebih detil. Masih bingung nih..
untuk blogger hanya bisa pake cara kedua aja, coz gak bisa buka htaccess
Diletakin dimana tuh gan??
Sesuai judul, di htaccess atu di header, tergantung pake cara yg mana..