Manfaatkan penyimpanan cache browser dengan cara menyetel tanggal kedaluwarsa pada header http sangat disarankan agar pengunjung tidak perlu mendownload ulang resources eksternal. Kali ini faro akan berbagi pengalaman menyetel header http pada resources eksternal yang faro gunakan pada blog ini.
Menurut google, suatu resources eksternal yang disarankan memiliki tanggal kedaluwarsa lebih dari satu hari. namun elemen blogger seperti json-in-script hanya memiliki 1 detik kadaluarsa, sehingga sebisa mungkin para blogger menggunakan sedikit json-in-script, contoh mudahnya adalah jika anda menggunakan widget related post, sebisa mungkin blog post anda memiliki sedikit label, karena widget related post akan mendownload json-in-script sebanyak label blog post.
Elemen blogger lain yang memiliki tanggal kedaluwarsa cepat adalah gambar, gambar yang diupload pada blogger memiliki kedaluwarsa 24 jam saja, meski begitu menurut faro ini tidak perlu dikhawatirkan karena 24 jam adalah waktu yang cukup lama.
Untuk resources blogger eksternal seperti Javascript dan CSS, faro menggunakan web-hosting sendiri, tujuannya agar faro bisa menyetel tanggal kedaluwarsa, disini faro menggunakan layanan web-hosting gratis dari idhostinger, jika anda belum memiliki akun idhostinger, silahkan daftar disini : http://api.idhostinger.com/redir/1914382 <-- ini akun afiliasi milik faro.
Jika anda telah memiliki virtual server atau hosting yang berbasis Apache seperti idhostinger, anda bisa masuk ke file manager, kemudian anda akan diarahkan ke net2ftp, didalamnya terdapat folder public_html , berkas htaccess, dan sebuah berkas peringatan "Do Not Upload Here".
Edit-lah berkas .htaccess, jika tidak ada dalam folder root anda, anda bisa membuat file baru (new file) bernama .htaccess , setelah terbuka file editornya, masukkan kode berikut didalam file tersebut.
jika terdapat suatu kode sebelumnya, maka letakkan kode berikut dibawahnya.
Anda bisa mengganti month dengan day atau year, sesuai dengan keinginan anda. Setelah itu anda simpan .htaccess yang telah diedit tadi , hasilnya semua resources di dalam web-hosting anda memiliki kadaluarsa 1 bulan.
Kemudian faro berfikir, jika setiap resource dari server memiliki kedaluarsa 1 bulan, berarti jika faro mengedit suatu resources, resources baru tersebut tidak akan didownload oleh browser, mengakibatkan tampilan tetap seperti sebelumnya.
Dari fikiran tersebut faro melakukan eksperimen dengan mengubah isi suatu resources (CSS) yang faro host, hasilnya adalah meski tiap berkas yang faro host memiliki kedaluarsa lama, tetap saja akan dilakukan download berkas baru jika terjadi perubahan berkas di server.
Sekian pendapat yang bisa faro tuangkan, maaf jika ada kesalahan dan semoga artikel ini bermanfaat.
Elemen blogger lain yang memiliki tanggal kedaluwarsa cepat adalah gambar, gambar yang diupload pada blogger memiliki kedaluwarsa 24 jam saja, meski begitu menurut faro ini tidak perlu dikhawatirkan karena 24 jam adalah waktu yang cukup lama.
Untuk resources blogger eksternal seperti Javascript dan CSS, faro menggunakan web-hosting sendiri, tujuannya agar faro bisa menyetel tanggal kedaluwarsa, disini faro menggunakan layanan web-hosting gratis dari idhostinger, jika anda belum memiliki akun idhostinger, silahkan daftar disini : http://api.idhostinger.com/redir/1914382 <-- ini akun afiliasi milik faro.
Jika anda telah memiliki virtual server atau hosting yang berbasis Apache seperti idhostinger, anda bisa masuk ke file manager, kemudian anda akan diarahkan ke net2ftp, didalamnya terdapat folder public_html , berkas htaccess, dan sebuah berkas peringatan "Do Not Upload Here".
Edit-lah berkas .htaccess, jika tidak ada dalam folder root anda, anda bisa membuat file baru (new file) bernama .htaccess , setelah terbuka file editornya, masukkan kode berikut didalam file tersebut.
jika terdapat suatu kode sebelumnya, maka letakkan kode berikut dibawahnya.
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
# Default directive
ExpiresDefault "access plus 1 month"
# My favicon
ExpiresByType image/x-icon "access plus 1 month”
# Images
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
# CSS
ExpiresByType text/css "access 1 month”
# Javascript
ExpiresByType application/javascript "access plus 1 month"
</IfModule>
Anda bisa mengganti month dengan day atau year, sesuai dengan keinginan anda. Setelah itu anda simpan .htaccess yang telah diedit tadi , hasilnya semua resources di dalam web-hosting anda memiliki kadaluarsa 1 bulan.
Kemudian faro berfikir, jika setiap resource dari server memiliki kedaluarsa 1 bulan, berarti jika faro mengedit suatu resources, resources baru tersebut tidak akan didownload oleh browser, mengakibatkan tampilan tetap seperti sebelumnya.
Dari fikiran tersebut faro melakukan eksperimen dengan mengubah isi suatu resources (CSS) yang faro host, hasilnya adalah meski tiap berkas yang faro host memiliki kedaluarsa lama, tetap saja akan dilakukan download berkas baru jika terjadi perubahan berkas di server.
Sekian pendapat yang bisa faro tuangkan, maaf jika ada kesalahan dan semoga artikel ini bermanfaat.
Post link : http://www.blognafaro.com/2013/11/cara-menyetel-tanggal-kedaluwarsa-pada-header-http.html
Cara Menyetel Tanggal Kadaluarsa pada Header HTTP
Ringkasan :
Manfaatkan penyimpanan cache browser dengan cara menyetel tanggal kedaluwarsa pada header http sangat disarankan agar pengunjung tidak perlu mendownload ulang resources eksternal.
.
Jumlah Kata : | Dipublikasikan pada Thursday, November 21, 2013
Jumlah Kata : | Dipublikasikan pada Thursday, November 21, 2013
33 comments
Makasih Gan....
makasih infonya faro. :>) goood (o)
Faro, apa ini berfungsi untuk memperbaiki Cache Browser yang disarankan di PageSpeed Insight Google?
iya sob, ini berfungsi untuk memperbaiki permasalahan cache browser di pagespeed
file managernya terletak di mana?? saya dah punya akun idhostinger
di dashbor, ada beberapa icon file manager, klik salah satu.
yang mana gan? boleh minta akun fb nya gak, buat sharingnya
saat sudah masuk ke dalam cpanel.idhostinger.com, klik pada menu hosting yang ada diatas, kemudian pilih Order Hosting Baru untuk membuat virtual server baru, jika sudah punya, klik menu hosting, kemudian pilih nama virtual hosting yang telah dibuat.
setelah anda masuk ke dalam hosting (urlnya kurang lebih seperti ini cpanel.idhostinger.com/hosting/index/aid/XXXXXX ) geser kebawah cari file, nah disitu ada file manager 1 dan file manager 2, pilih yang kedua, maka anda akan teralihkan ke filemanager net2ftp idhostinger.
good luck sob :)
ketika mau buat virtual server baru pas langkah ke dua"setup hosting" kok gak bisa di lanjutkan ya gan? masalahnya apa?
setelah mmeng-order yang gratis,pilih subdomain, kemudian masukkan subdomain yang diinginkan, misal blognafaro.esy.es.
kemudian masukkan password, bisa menggunakan tombol "hasilkan" disebelahnya, kemudian pilih lanjutkan.
kemudian pada bagian konfirmasi, masukkan captcha dan selesai.
sebagai catatan, untuk hosting gratis gunakan subdomain gan.
semoga berhasil :)
jadi kodenya yang mna supaya memiliki kedaluarsa lama, tapi akan dilakukan download berkas baru jika terjadi perubahan berkas di server?? apa cuma edit file .htaccess, kodenya yg mna atau bgaimna??
kode di atas tu gan kopi paste di htaccess. ntar otomatis lakukan download berkas baru jika terjadi perubahan berkas di server.
setelah sub domain sama password saya isi, kok pas mau saya pilih "Lanjutkan" kok gak bisa dalam artian seperti gak mengarah ke langkah selanjutnya.
kemungkinan ada 2 gan, itu karena subdomain sudah dipakai atau password kurang sulit, saya sudah mencobanya dan berhasil sob.
oia, trik diatas tidak harus idhostinger kok, bisa menggunakan provider lain juga, dan jika agan ingin upload javascript yang memiliki kompresi dan kadaluarsa lama, saya sarankan menggunakan yourjavascript.com seperti yang saya pakai di blog ini. :)
saya coba pelajari dulu ya mas, maklum nyubi, jadi masih agak bingung nerapin caranya menyetel tanggal kadaluwarsa
saya sendiri masih belajar kang, hehehe.. ini saja masih pake blogspot :)
gan kalau masih blogspot gimana ya cara mengatasi "Menyetel tanggal kedaluwarsa header HTTP"
Agan Faro kalo pake akun free host nanti blog nya ilang gak? #pemula
kalo blogspot tuh 1 hari gan expirednya, jadi web agan bakal cepet diliat kalo 1 user ngeliat pada 1 hari.
nah yg jadi masalah disini itu tempat host javascript dan css eksternal agan, kalo tempat hostnya support header http, maka agan bisa setel ampe 1 tahun :)
tergantung gan, tempat sya host javascript di yourjavascript.com sampe sekarang lancar gan, dan sudah support auto compress javascript + http headernya 1 thn
Oh iya gan, kalo untuk cara di atas, kan saya menggunakan hosting gratis dari idhostinger terus udah buat .htaccess dan telah berisi code di atas, nah terus udah itu ngapain lagi gan? serius masih bingung, gimana caranya agar .htaccess nya bekerja pada blog saya?
udah gan, hanya seperti itu aja, agan bisa cek di google insight apakah masih ada masalah http header pada hostingan agan, seperti itu aja gan..
saat di cek, tidak ada perubahan sama sekali, baik itu di page insight/gmetrix dll, emang beneran gak ada peintah code lain? untuk dapat menghubungkan code .htaccess tersebut ke blog saya?
ini gan versi penuh dari mod expires , untuk kode diatas itu hanya untuk file .js .css dan gambar saja, hehehe, kalo webpage seperti .html dan lainnya seperti berikut ini, silahkan trial n error :D
<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 year"
# Data interchange
ExpiresByType application/atom+xml "access plus 1 hour"
ExpiresByType application/rdf+xml "access plus 1 hour"
ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/ld+json "access plus 0 seconds"
ExpiresByType application/schema+json "access plus 0 seconds"
ExpiresByType application/vnd.geo+json "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
# Favicon (cannot be renamed!) and cursor images
ExpiresByType image/vnd.microsoft.icon "access plus 1 week"
ExpiresByType image/x-icon "access plus 1 week"
# HTML
ExpiresByType text/html "access plus 0 seconds"
# JavaScript
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType application/x-javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
# Manifest files
ExpiresByType application/manifest+json "access plus 1 year"
ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds"
ExpiresByType text/cache-manifest "access plus 0 seconds"
# Media files
ExpiresByType audio/ogg "access plus 1 month"
ExpiresByType image/bmp "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
# Web fonts
# Embedded OpenType (EOT)
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
ExpiresByType font/eot "access plus 1 month"
# OpenType
ExpiresByType font/opentype "access plus 1 month"
# TrueType
ExpiresByType application/x-font-ttf "access plus 1 month"
# Web Open Font Format (WOFF) 1.0
ExpiresByType application/font-woff "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType font/woff "access plus 1 month"
# Web Open Font Format (WOFF) 2.0
ExpiresByType application/font-woff2 "access plus 1 month"
# Other
ExpiresByType text/x-cross-domain-policy "access plus 1 week"
</IfModule>
agak sulit gan....
jika agan menggunakan domain TLD, agan bisa pake CloudFlare
waduh gan memangsih penjelesanya dan maksutnya sangat bermanfaat sekali... tapi kalau boleh saya beri saran cara penyampaianya agan faro sulit dipahami oleh pemula karena banyak menggunakan kata'' yang hanya dipahami oleh orang yang cukup mahir dalam hal ini.. kalau bisa gunakan kata'' yang mudah difahami dan cara mendefinisikanya yang nonfolmal kalau yang formal tak banyak orang yang memaaminya... saya sangat berterimah kasih atas penjelasan anda hanya itu saja saran saya... oke sipp it's amazing.
gmn menghubungkan dengan blog kita bos yg di ud dihost itu?
thanks.
blm berhasil gan!
gmn caaranya berfungsi htaccess dr hostinger ke blog, pke kode apa penghubungnya ke blog gan? kyk gk munkin bs jalan klu gak ada penghubungnya lg.
ikutan nyimak aja sob, salam kenal aja
Mas, kalo untuk blog platform blogspot gimana caranya?
wah . kalo blog saya TLd blogspot yang masih http apakah tetep bisa gan ?
Kalau untuk blogger, gimana ya gan