Manfaat cache browser

Apakah Browser Cache Itu?

Browser Cache itu toko file sumber daya halaman web pada komputer lokal ketika pengguna mengunjungi sebuah halaman web. "Memanfaatkan" cache browser ketika seorang webmaster telah mengintruksikan pada browser tentang bagaimana sumber daya mereka harus ditangani. 

Ketika web browser menampilkan halaman web Anda itu harus memuat beberapa file seperti logo, file css dan sumber daya lainya.

Bagaimana Cara kerja Cache Browser itu? 

Yaitu mengingat sumber daya bahwa browser telah dimuat. Ketika pengunjung masuk ke halaman lain disitus, logo, file CSS,dan lain-lain tidak perlu dimuat lagi, karena browser mengingat (menyimpan) mereka. Dan ini merupakan alasan pertama dalam memandang bahwa halaman web membutuhkan waktu lama dari kunjungan berulang kembali.

Ketika Anda memenfaatkan cache browser, file halaman Anda akan disimpan dalam cache. Browser file halaman web anda akan bisa disimpan dalam cache browser. Halaman Anda akan memuat lebih cepat bagi pengunjung yang kembali berkunjung dan begitu juga halaman lain yang ada dari berbagai sumber daya yang sama.

Terkait:
Cara Menambahkan Image Slider Pada Blog.

Jika Anda telah menguji halaman web dalam kecepatan dan akan menemukan apa yang Anda perlu tingkatkan kinerja cache browser itu, dan di sini bagaimana Anda melakukan pekerjaan itu

Cara Memanfaatkan Cache Browser.

1* Mengubah permintaan sumber daya      header Anda untuk menggunakan          cache.
2* Mengoptimalkan strategi cache              Anda.

Bagi kebanyakan orang,cara mengaktifkan cache dengan menambahkan beberapa kode unruk sebuah file yang bernama: .htaccess diweb host/ server. 

Ini berarti harus pergi ke file manager atau di mana pun Anda pergi untuk menambahkan arau meng upload file pada hosting Anda.   

Filei .htaccess mengontrol banyak hal penting dalam situs Anda. Jika Anda tudK akrab dengan file .htacces, silahkan baca "memasang file .htaccess untuk mendapatkan beberapa pengetahuan bagaimana sebelum mengubahnya. 

Browser cache .htaccess

Kode dibawah ini memberitahu kepada browser untuk cache apa dan berapa lama untuk disimpan di cache itu. Perlu ditambahkan ke bagian atas file .htaccess Anda.

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType 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 text/html "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 1 month"
</IfModule>
## EXPIRES CACHING #              

Simpan kode cache ini dan jalankan.

Cara mengatur waktu cache yang berbeda untuk jenis file yang berbeda. 

Anda dapat melihat dalam kode diatas bahwa ada periode waktu seperti "1 tahun" atau " 1 bulan". Ini terkait dengan jenis file, sebagai contoh kode diatas menyatakan bahwa file jpg ( gambar ) harus di cache selama 1 tahun.

Jika Anda ingin mengubah itu dan katakan misal Anda ingin gambar  jpg tersimpan dalam cache selama sebulan Anda hanya menggati dengan "1 month". Nilai-nilai diatas cukup dioptimalkan untuk sebagian besar halaman web dan blog.

Metode Cache alternatif untuk .htaccess

Metode di atas disebut "Expires" kebanyakan pemula di bidang blogging menggunakan .htaccess sehingga dapat bekerja mengurus cache di web mereka.

Setelah Anda lebih nyaman dengan menggunakan cache Anda mungkin ingin mencoba Cache-Control, metofe lain dari caching yang memberikan lebih banyak pilihan.

Hal ini mungkin juga dapat berakhir pada metode yang tidak bekerja di server Anda, sehingga Anda mungkin membutuhkan dan ingin mencoba menggunakan Cache-Control.

Kontrol dengan cache-control.

Note: Simak panduan kontrol cache disini

Cache-Control memungkinkan kita untuk dapat mengontrol sedikit lebih dari cache browser dan banyak orang merasakan lebih mudah untuk menggunakan setup ini.

Penggunaan contoh di file .htacces:                                                                                                                

# 1 Month for most static assets

<filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$">

Header set Cache-Control "max-age=2592000, public"

</filesMatch>

Kode diatas adalah pengaturan "header cache control" yang tergantung pada jenis filenya. 

Bagaimana cache control bekerja

Perlu digaris bawahi kode diatas. 

# 1 Month for most static assets

Baris di atas hanyalah sebuah catatan. Ia tidak melakukan apa-apa kecuali catatan apa yang kita lakukan. File . htaccess mengabaikan baris yang dimulai dengan karakter#. Catatan ini dianjurkan karena Anda mungkin memiliki beberapa set yang berbeda dari semua sebagai solusi pertumbuhan caching Anda.  

<filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$">

Baris di atas mengatakan bahwa "jika file tersebut adalah salah satu jenis file, maka kita akan melakukan sesuatu untuk itu ...

Bagian penting dari garis ini adalah untuk melihat bahwa ada berbagai jenis file yang tercantum (css, js, jpg, png dll) dan petunjuk cache yang diikuti akan berlaku untuk jenis file. Sebagai contoh, jika Anda tidak inginkan file jpg Anda di cache dengan sejumlah waktu yang bisa Anda Hapus "jpg dari baris ini atau jika Anda ingin menambahkan html ini untuk Anda hanya bisa menambahkan "html" untuk baris ini.   

Header set Cache-Control "max-age=2592000, public"

 Kode di atas adalah di mana header yang sebenarnya dimasukkan dan nilai yang diberikan.

• File "Header set Cache-Control" adalah bagian yang menetapkan header.
• File "max-age = 2592000" bagian yang menyatakan berapa lama harus di cache (menggunakan detik). 
• Dalam hal ini kita membuat cache selama satu bulan yang merupakan "2592000" sconds (detik).
• File "public" bagian yang menyatakan bahwa ini adalah untuk umum (baik bagi Anda yang ingin cache).

</filesMatch>

Jika daftar html dan gambar Anda yang akan di cache selama periode waktu yang lama lainya setahun atau, ingat bahwa ini dapat berarti dalam membuat perubahan ke halaman Anda, mereka tidak dapat dilihat oleh semua pengguna. Hal ini disebabkan oleh pengguna yang akan melihat ke file cache yang hidup/aktif. jika Anda memiliki file yang Anda Tweak sesekali (misalnya:file Css) Anda dapat mengatasi masalah cache dengan menggunakan URL sidik Jari (URL fingerprinting).

URL Fingerprinting

Mendapatkan perubahan (bukan) berkas sumber daya yang segar yang mungkin mempunyai nama yang unik. Sebuah contoh jika akan menggunakan file css disebut dengan "main css" bisa kita beri nama "main_1 css" sebagai gantinya. Lain kali kita bisa mengubahnya dengan sebutan "main_2 css. Hal berguna untuk file yang terkadang berubaha.   

Metode caching

Hal penting untuk menentukan salah satu dari Expires atau cache-control max-age, dan salah satu ETag Last Modified atau, untuk semua sumber daya yang disimpan di cache. Hal ini berlebihan dalam menentukan Exfires dan cache- control: max-age  atau untuk menentukan dengan baik Last-Modified dan ETag.

Cara Menggunakan Cache Control.