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:
mas setelah ane masukin module-nya hasil pageload bertambah 5 poin. tapi masih ada file js & jpg yg masih belum terchance yah… apa harus nunggu bebrapa hari dulu? bisa tidak klo per file yg akan terchance..? klo bisa scriptnya donk?
Oya mas minta modulnya donk yang mod_headers.c
makasih mas sebelumnya… salam.
tidak perlu per file, tapi per ekstensi secara otomatis akan kena ke semua file. klo mod header sudah ada kok linknya pd postingan, baca “Setting Leverage Browser Caching pada .htacces”
buat blogspot gmana ya
Halo mas Adji, meneruskan pertanyaan yang sama dengan pertanyaan dari Nst.web.id, dicoba untuk menaruh kode di .htaccess
## EXPIRES CACHING ##
ExpiresActive
……..
## EXPIRES CACHING ##
kok tetap sama ya? muncul “Internal Server Error
The server encountered an internal error or misconfiguration… dst”
ataukah ada yg salah dalam meletakkan kodenya? apakah dijadikan satu dengan # BEGIN-#END WordPress?
Penting utk diketahui, cara menggabungkan kode htaccess itu harus sesuai dgn module yg dipake, klo module aktif “mod_expires.c” maka bisa digabungkan dengan module “mod_expires.c” juga, begitu pula yg lainnya. selama pake module yg sama lebih baik digabungkan, tp cek satu persatu sebab bisa saja konflik dgn module lain. dan terakhir, apakah server support module yg dipake? ini bisa dilihat dari php infonya.
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 ?
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.
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 🙂
Namanya aja kan set “EXPIRE” header, secara bahasa aja sudah jelas kan maksudnya? 😀
Kalo diganti Interval waktu bisa gak buat EXPIRE di blogger itu?
Misal selama 30 hari,,nanti isi CONTENT-nya apa????
Trims…mohon bantuannya… 😀
@Maspray: klo blogger paling cuma bisa pake cara kedua, adapun batas expirenya bisa disesuaikan sendiri, klo maunya 30 hari ya tinggal set ke tanggal satu bulan ke depan aja dari sekarang.