• 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
    Teknik Servis Crm Sistemi
  • 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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319