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.
Adding Expire Header (Expire Caching) dapat dilakukan dengan dua cara. Dengan menambahkan kode pada .htacces atau dapat pula dengan menambahkan meta tag atau control cache 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 effective dan applicable. Silahkan tambahkan kode di bawah pada head dan ubah parameter sesuai kebutuhan.
<meta http-equiv="expires" content="sat, 02 jun 2012 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:
- Minify HTML, Javascript dan CSS tanpa Plugin
- Cara Praktis Membuat dan Menggunakan Image dalam CSS Sprite
- Cara Mengurangi Banyaknya Plugin
- Setting Leverage Browser Caching pada .htacces
- Optimasi Website dengan Mengurangi http request
Terima Kasih untuk tidak Copy Paste tanpa izin dan menghindari praktek Plagiasi.
tunggu .. ada error seperti entag”" dikode diatas, tp selesai setelah aku pasang entag “/>”sudah saya close dengan
trus apa beda’a di meta itu Kutip dua”" sama kutip satu ‘ ‘ soal’a meta tag yg lain pakek kutip satu smua.,
trus web aku jg masih masuk error high periority untuk yg leverage error ketika dites di google page speed lab, apa harus nunggu waktu dulu ?
[Reply]
Bahasa html/ pemrograman mmg begitu, tanda kutipan utk memisahkan variabel. Kalo ngutip di dalam kutipan, penulisannya pake 2 tanda ini ( ” dan ‘ ) contoh: “kutipan1 ‘kutipan2′ “, atau sebaliknya ‘kutipan1 “kutipan2″ ‘. jadi klo code blogger pake tanda kutip ( ‘ ) berarti sudah ada kutipan ( ” ) sebelumnya, jelas ya?
banyak yg mempengaruhi pagespeed, meskipun kita sudah set benar utk site kita sendiri, tp klo masih pake data dr situs lain spt facebook, twitter dan lain2 tetap sja blm bisa maximal. klo sudah benar seharusnya perubahannya instant kok.
[Reply]
sudah aku pasang diblogger untuk cara yang kedua “” tp mw tanya lagi. maksud 02 jun 2012 itu apa,. browser akan ngeload file caching sampe 2 juni 2012?
dan kapan aku harus merubah 02 jun 2012 tu.,?
trims
[Reply]
Namanya aja kan set “EXPIRE” header, secara bahasa aja sudah jelas kan maksudnya?
[Reply]