Aspire
Koineks
  • 11-12-2014, 10:28:05
    #1
    1/2
    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.

    AddType text/cache-manifest .appcache
    Bir Güldün Yâr sen, hep elime batanı
    Seni dalından kopardım, kan doldu avuçlarım...
  • Sponsor Reklam
  • 19-12-2014, 19:05:46
    #2
    1/2
    Cache manifest kontrolunu buradan yapabilirsiniz.
    http://manifest-validator.com
  • 19-12-2014, 19:26:09
    #3
    1/2
    Teşekkürler radmin
    Çekilişle Kartvizit Kazan
  • 19-01-2017, 13:45:38
    #4
    1/2
    marzenbecher adlı üyeden alıntı
    Cache manifest kontrolunu buradan yapabilirsiniz.
    http://manifest-validator.com
    ön bellek manifest sisteminin artık önerilmediğini ve desteklenmediğini yazıyor verdiğiniz linkte w3 tarafından
    seo