MEMPERCEPAT LOADING BLOG DENGAN MEMANFAATKAN CACHE BROWSER
Selamat Datang di Blog Orang IT . Pada postingan kali ini saya akan share bagaimana cara mempercepat loading blog dengan mengoptimalkan / memanfaatkan penyimpanan cache browser , ketika sedang cek skor di google pagespeed insights saya mendapatkan saran untuk memanfaatkan cache browser dan diperlihatkan daftar JS yang mempengaruhi . Awalnya yang muncul biasanya berasal dari JS kode iklan adnow atau popcash yang biasa digunakan oleh pemilik website karena iklan memuat native ads dinamis yang menyesuaikan dengan IP pengunjung dan topik konten yang sedang dibuka
Blog dengan kriteria fast loading merupakan dambaan bagi semua pemilik website , saya yakin seluruh webmaster mengharapkan blognya sangat ringan dan bisa dimuat hanya dalam waktu kurang dari 3 detik . Sayangnya tidak semua orang bisa mengoptimalkan, khususnya bagi sebagian orang awam yang tidak mengerti koding hehe
Sebenarnya google merupakan mesin pencari yang bisa membantu menemukan solusi terkait hampir semua masalah yang anda alami , misal saat cek pagespeed ada sebuah saran untuk mengoptimalkan penyimpanan cache browser apa yang harus saya lakukan ? browsing saja digoogle ketemu deh sama artikel saya hehe
Cache browser menjadi salah satu tips meningkatkan skor dipagespeed insight , mengapa demikian ?
Cache berfungsi untuk menyimpan data situs-situs yang pernah Anda kunjungi di peramban. Data-data ini bisa berupa teks, gambar, atau file. Apabila Anda mengaktifkan cache di peramban, akses ke halaman yang pernah Anda kunjungi sebelumnya akan lebih cepat karena browser hanya tinggal memuat data-data yang tersimpan didalam cache browser bukan mendownloadnya lagi dari server
Cache adalah sekumpulan copyan data asli yang di simpan, penyimpanan copyan data Cache ini biasanya dilakukan untuk data yang perlu dikalkulasi atau data yang cara mendapatkannya dengan cara berbeda, sehingga penyimpaan Cache browser diperlukan supaya data-data tersebut bisa di load secara mudah tanpa melakukan prosedur rumit lagi
Menurut google pagespeed insight dengan menetapkan tanggal kadaluarsa pada protokol HTTP untuk memuat sumber daya dinamis , maka sistem akan memuat data dari sumber daya yang tersimpan dalam disc lokal bukan pada jaringan server sehingga proses pemuatan halaman berjalan lebih cepat
Belum paham atau saya yang merasa belum puas menjelaskan nya hehe
Intinya gini misal saya punya Blog Orang IT update konten 1 hari 10x kemudian saya mengaktifkan cache browser diset pada HTTP setiap 7 hari artinya dalam 7 hari terdapat 70 konten baru jika saya rubah set nya menjadi setiap 3 hari artinya sistem akan memuat konten baru setelah 3 hari terakhir sebelum kita mengunjungi blog tersebut . Jadi pengunjung tidak akan melihat konten terbaru yang anda terbitkan selama aturan cache 3 hari di HTTP belum terpenuhi
Pengaktifan cache browser tidak cocok untuk web berita atau web yang update konten nya sangat banyak setiap harinya , sebaliknya pemanfaatan cache browser diperuntukkan bagi blog yang update kontenya tidak terlalu sering atau minimal bisa diset sesuai keinginan
Untuk memanfaatkan penyimpanan cache silah copas script berikut letakkan dibawah tag <head>
<!– Cache –>
<meta content=’public’ http-equiv=’Cache-control’/>
<meta content=’private’ http-equiv=’Cache-control’/>
<meta content=’no-cache’ http-equiv=’Cache-control’/>
<meta content=’no-store’ http-equiv=’Cache-control’/>
<!– Cache –>
<include expiration=’7d’ path=’*.css’/>
<include expiration=’7d’ path=’*.js’/>
<include expiration=’7d’ path=’*.gif’/>
<include expiration=’7d’ path=’*.jpeg’/>
<include expiration=’7d’ path=’*.jpg’/>
<include expiration=’7d’ path=’*.png’/>
<meta content=’sat, 01 mar 2100 00:00:00 GMT’ http-equiv=’expires’/>
Kita meminta browser untuk menyimpan data-data situs yang pernah dikunjungi seperti js, css , gif , jpeg , jpg , png dsb sampai frame
Arti script <include expiration=’7d’ path=’*.css’/> adalah bahwa waktu expired (ekspiaret) Cache selama 7 hari, anda bisa mengganti ‘7d’ dengan ‘14d’ atau terserah anda
Setelah expired misal sudah lewat dari 7 hari sejak terakhir kali dikunjungi mak sistem akan mendownload kembali beberapa data yang diperlukan diatas seperti js, css , gif , jpeg , jpg , png dsb sampai frame
Selesai silahkan disimpan template anda cek lagi dipagespeed insight semoga skor nya sudah bertambah 1-2 poin , tidak usah diperintahkan sebenarnya browser otomatis menyimpan setiap data dari web yang pernah dikunjungi sebelumnya kedalam cache , hanya saja dengan pemanfaatan fitur cache dengan expired pengunjung jadi lebih cepat mengakses blog anda karena perintah 7d expired yang diset ke HTTP
