Cache Manifest - R10.net

11-12-2014, 10:28:05

Cache'lemenin önemi gün geçtikçe giderek artmaktadır.
Bunun en büyük nedeni, mobil cihazlardaki kısıtlı internet imkanı olarak gösterilebilir. Seo içinde PageSpeed faktörü gibi etkenleri sayabiliriz

Cache Manifest Nedir?
Manifest Cache mekanizması ile site kullanıcılarının offline olarakta sitemizin içeriğine erişim olanağı sağlatmak için kullanılmaktadır.

Bu olay öncedende vardı ama Html5 ile gelen Application Cache mekanizması kadar hızlı ve güvenilir değildi.

Cache Manifest Nasıl kullanılıyor?
HTML5 Application Cache kullanabilmek için bir Manifest (bir nevi cache config)
dosyası oluşturarak kodlarımızı/dosyalarımızı Cache'letebiliriz.

Sitemizin özellikle statik dosyalarının Cache'lenmesi Client tarafındaki kullanıcılara çok iyi bir hız deneyimi yaşatmaktadır.
Server tarafında ki request sayısı ise fazlasıyla düşmektedir.

Cache Manifest ile ziyaretçi sadece güncellenen/eklenen verileri çekmektedir.

Manifest Dosyası 3 kısımdan oluşur

CACHE MANIFEST - Bu başlığın altında listelenen dosyalar ilk kez download edildikten sonra ön belleğe alınır.
NETWORK - Bu başlığın altında listelenen dosyalar sunucuya bağlantı gerektirir ve asla ön belleğe alınmazlar.
FALLBACK - Bu başlığın altında listelenen dosyalar bir dosya erişilemez durumda ise kullanıcıları yönlendirmek istediğiniz bir sayfayı belirtir (örnek: 404 bulunamadı sayfası gibi)

Manifest özelliği olan her sayfa kullanıcı tarafından ziyaret edildiğinde ön belleğe alınır.

Manifest dosyası için önerilen dosya uzantısı: ".appcache"tir.

appcache dosyasını sayfamıza tanımlatmak için <html> etiketi içine şu şekilde tanımlıyoruz.

<!DOCTYPE HTML>
<html manifest="r10.appcache">

yukarıdaki satır eklendikten sonra browser artık manifest dosyasındaki tanımlamalara göre dosyaları cacheleme başlar

Örnek bir Manifest dosyası ile Hangi Dosyalar Cachelenecek Onu hazırlayalım:
Manifest dosyamız CACHE MANIFEST satırı ile başlamalıdır. # işareti ile açıklama yazabilirsiniz.

Alıntı

İpucu: "#" işareti ile başlayan satırlar yorum satırlarıdır. Eğer bir resim ya da bir JavaScript fonksiyonunu düzenlerseniz (edit) bu değişiklikler tekrar ön belleğe alınmayacaktır. Ancak # ile başlayan yorum satırlarındaki tarih ya da versiyon gibi bilgileri değiştirmek ise dosyalarınızın tekrar ön belleğe alınması (update) için en iyi bir yoldur.

CACHE MANIFEST 
# hazırlanma tarihi 11 aralık 2014
CACHE:
/style.css
/logom.png
/main.js

Yukarıdaki manifest dosyası yüklendiğinde, tarayıcı bu üç dosyayı sunucudan download eder. Devamında, kullanıcı internete bağlı olmazsa bile bunlar browserında açılır.

Cachelenmemesini istediğmiz dosyaları tanımlatmak için:

CACHE MANIFEST 
# hazırlanma tarihi 11 aralık 2014
NETWORK:
giris.php
login.php
register.php
banner.php

NETWORK satırının altına yazdığımız dosyalar hiç bir zaman cachelenmez.

Eğer hiç bir dosyamızın cachelenmemesini istersek

CACHE MANIFEST 
# hazırlanma tarihi 11 aralık 2014
NETWORK:
*

Bu kullanım şekli ile hiç bir dosyamız cachenmez.

FALLBACK satırı ile çevrimdışıyken ziyaret edilmek istenen sayfaların bellekte mevcut olmamaları halinde görüntülenecek alternatif sayfa veya sayfaların belirlenmesi için kullanılır.

CACHE MANIFEST 
# hazırlanma tarihi 11 aralık 2014
FALLBACK:
offline.html

r10.appcache Dosyasının son hali:

CACHE MANIFEST 
# hazırlanma tarihi 11 aralık 2014

CACHE:
/style.css
/logom.png
/main.js

NETWORK:
giris.php
login.php
register.php
banner.php

FALLBACK:
offline.html

Alıntı

İPUCU 2: Hazırlayacağınız Cache Manifest olayını test etmek için, Chrome tarayıcısını kullanabilir ve cache işlemlerinin doğru çalışıp çalışmadığını test edebilirsiniz. Bunun için chrome adres çubuğuna chrome://appcache-internals/ yazabilir ve cache’lenmiş sitelerin durumunu görüntüleyebilirsiniz.

htaccess dosyanıza addtype olarak şu satırı eklemeyide unutmayın.