Thursday, December 24, 2015

Bagaimana Mengontrol Cache dan Cookie dengan Html

Caching dan cookie adalah dua metode yang menggunakan browser untuk menyimpan data mengenai situs tertentu. Caching dipakai untuk menyimpan beberapa data halaman web secara lokal untuk mempercepat loading pada saat kita kembali mengunjungi sebuah situs, sedangkan cookies adalah potongan-potongan kecil dari data yang mengandung informasi penting untuk situs web. Tidak banyak webmaster tahu atau menggunakan ini, tetapi Anda benar-benar dapat menggunakan hanya HTML meta tag untuk mengontrol cookie dan cache browser untuk situs web Anda! Meta tag yang digunakan pada dasarnya adalah untuk  menyimpan data informasi pada halaman web.



Menonaktifkan cache

Ketika Anda mengunjungi halaman web, browser Anda menyimpannya dalam cache sehingga membuat loading halaman lebih cepat. Kadang-kadang, kesalahan cache menyebabkan browser lambat untuk memuat versi halaman, bahkan saat konten baru tersedia. Untuk mencegah hal ini, Anda dapat menonaktifkan browser cache dengan menggunakan beberapa tag meta, Gunakan meta tag berikut :

<meta http-equiv="Cache-Control" content="no-store" />

Tag meta ini berlaku di Firefox, Chrome, dan Internet Explorer. Anda dapat menggunakan lebih banyak value dan spesifikasi untuk menonaktifkan caching, dengan meta tag sebagai berikut.
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />

Anda juga dapat mengatur tanggal kedaluwarsa untuk memastikan bahwa browser akan menunjukkan file yang segar dari server, bukan dari cache dengan meta tag berikut.
<meta http-equiv="expires" content="kamis, 24 Des 2015 +07:00:00 GMT" />

Cache akan berakhir setelah waktu dan tanggal tertentu. Dan jika di isi "0" berarti browser memiliki cache baru pada setiap kunjungan.

Cara menetapkan cookie?

Cookie adalah file kecil yang tersimpan di peramban Anda yang berisi informasi pengguna yang penting, seperti user dan password. Situs web dapat menggunakan kembali cookie untuk menyesuaikan beberapa fungsi. Misalnya ketika Anda berbelanja di toko online, asalkan Anda belum belum memeriksa, barang-barang tetap dalam keranjang Anda meskipun Anda telah meninggalkan browser selama beberapa hari.

Berikut adalah meta tag untuk menetapkan cookie;
<meta http-equiv="Set-Cookie" content="name=data; path=path; expires=Day, DD-MMM-YY HH:MM:SS ZONE">

name = data adalah nama dari cookie yang menentukan nilai-nilai yang ditetapkan di dalamnya. Sedangkan, nilai expires menunjukkan waktu dan tanggal Kapan cookie dihapus dari komputer Anda. Jika Anda set expires kosong, cookie akan dihapus setelah Anda keluar dari browser.