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:
kalo di blogspot gimana yach….
Karena blogger gak support .htacces, coba aja pake cara kedua Cinta! 😀
semua tutorial untuk memepercepat loading web tersebut kalau buat joomla gmn? mohon bimbingannya
thanks b4
Sesuai dengan topik di atas, dicoba saja. klaupun tidak bisa dgn htacces maka dengan meta tag PASTI bisa, tinggal tambahkan sja pada templatenya. Sementara klo semua tidak mungkin, karena cara mempercepat loading page tidak cukup hanya dengan .htacces atau hal lainnya yg dipake setiap CMS secara umum. Selain itu meskipun sama2 pake php tapi engine di kedua CMS di atas jauh berbeda.
Iya logika saya juga sebenarnya begitu, karena metode dan tujuannya sama…
Tapi mungkin karena pikiran saya yg serakah (pengen lebih ringan lagi), jadi saya pikir bisa di kombinasikan keduanya dengan baik..
Thanks gan…
Blognya mantab,, Sub domainnya yang blog.finderonly.net ini install wp nya manual lagi atau cuma install lewat network admin yang ada di dashboard???? soalnya saya pernah coba. Buat subdomainnya bisa, tapi ga bisa diakses. Mohon penjelasan, semoga berkenan… 😀
Trims.., blog ini install otomatis pake softacoulus/ftsico dan klo pake cara manual pun bisa saja. klo ada masalh dgn instalasi, pastikan directory/foldernya sudah benar spy gak bentrok dgn folder instalasi lainnya.
Yup, sama persis seperti itu.. kode htaccess ane ada 3 bagian gan :
# -FrontPage-
IndexIgnore .htaccess */.??* *~ *# */HEADER* */README* */_vti*
# BEGIN WPSuperCache
[bla…bla…]
# END WPSuperCache
# BEGIN WordPress
[bla…bla…]
# END WordPress
[bla…bla…]
## EXPIRES CACHING ##
[bla…bla]
## EXPIRES CACHING ##
nah, yg terakhirnya kode yg dari agan…
Kira2 bentroknya dimana ya gan?? Ato kalo emang ga aktif dari hostingnya, diaktifinnya dimana di CPanel Apache nya atau dmana??
Kalo emg g aktif dr hostingnya,gak bisa kita aktifin sendiri, mesti pihak hosting yang aktifin. Tapi klo lihat permasalahan di atas,kemungkinan besar mmg bentrok. Karna WPSuperCache jg sebenarnya sudah support browser caching dan expire header, smentara kode dari saya diadaptasi dari plugin w3total cache.kalo sebelumnya dgn WPSuperCache sudah bisa bekerja dengan baik,mka tak perlu tambah kode lagi. Untuk cek kode udah bkerja dgn baik atau belum, gunakan addon firebug & pagespeed, siapa tau mmg fungsi browser cache dan expire headernya sudah jalan.
Aku kok malah muncul pesan di bawah ini mas, mohon pencerahan.
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, webmaster@nst.web.id and inform them of the time the error occurred, and anything you might have done that may have caused the error.More information about this error may be available in the server error log.
Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.
Yang jelas kode 500 itu Internal Server Error atau miskonfigurasi dalam server. Penyebabnya sendiri bisa macem2, jika setelah tambah kode Expire Caching di atas malah error kemungkinan mod_expires di server hostingnya tidak aktif. Atau cek lagi kode pada .htacces kalau ada yang bentrok dengn kode lainnya..