Parametreler aracılığıyla önbellek bozma

Üretim dağıtımlarında çöküşü önbelleğe almak istiyoruz, ancak bunu yapmak için bir sistem bulmak için yarasadan çok fazla zaman harcamamak istiyoruz. Benim düşüncem css ve js dosyalarının sonuna mevcut sürüm numarasıyla bir parametre uygulamaktı:

<link rel="stylesheet" href="base_url.com/file.css?v=1.123"/>

İki soru: Bu, önbelleği etkili bir şekilde kırar mı? Param, tarayıcının bu url'den gelen yanıtı asla önbelleğe almamasına neden olur, çünkü param bunun dinamik içerik olduğunu gösterir mi?

Param ?v=1.123, bir sorgu dizesini belirtir ve bu nedenle tarayıcı, örneğin, bunun yeni bir yol olduğunu düşünecektir ?v=1.0. Böylece önbellekten değil dosyadan yüklenmesine neden olur. İstediğin gibi.

Ve, tarayıcı kaynak aramak aynı dahaki sefere kalacak üstlenecek ?v=1.123ve gerektiği bu dize ile önbelleğe. Böylece, siz taşınana kadar sunucunuz kurulu olsa da önbelleğe alınmış olarak kalacaktır ?v=1.124.

İki soru: Bu, önbelleği etkili bir şekilde kırar mı?

Evet. Stack Overflow bile bu yöntemi kullanıyor, ancak onların (her gün milyonlarca ziyaretçisi ve zilyonlarca farklı istemci ve proxy sürümleri ve yapılandırmalarıyla) önbelleği kırmak için bunun bile yeterli olmadığı bazı acayip uç durumlar yaşadıklarını hatırlıyorum. Ancak genel varsayım, bunun işe yarayacağı ve istemcilerde önbelleğe almayı bozmak için uygun bir yöntem olduğudur.

Param, tarayıcının bu url'den gelen yanıtı asla önbelleğe almamasına neden olur, çünkü param bunun dinamik içerik olduğunu gösterir mi?

Hayır. Parametre, önbelleğe alma politikasını değiştirmez; sunucu tarafından gönderilen önbelleğe alma başlıkları hala geçerlidir ve hiç göndermezse tarayıcının varsayılanları.

Sürüm numarasını gerçek dosya adına koymak daha güvenlidir. Bu, birden çok sürümün aynı anda var olmasına izin verir, böylece yeni bir sürümü kullanıma sunabilirsiniz ve eski sürümü isteyen önbelleğe alınmış HTML sayfaları hala mevcutsa, HTML'leriyle çalışan sürümü alacaktır.

İnternette herhangi bir yerde bulunan en büyük sürümlü dağıtımlardan birinde, jQuery'nin gerçek dosya adındaki sürüm numaralarını kullandığını ve herhangi bir özel sunucu tarafı mantığı olmadan birden çok sürümün güvenli bir şekilde birlikte var olmasına izin verdiğini unutmayın (her sürüm yalnızca farklı bir dosyadır).

Bu, yeni sayfalar ve yeni bağlantılı dosyalar (istediğiniz şey budur) dağıttığınızda önbelleği bir kez bozar ve o andan itibaren bu sürümler etkili bir şekilde önbelleğe alınabilir (ki bunu da isteyebilirsiniz).

Diğerlerinin de söylediği gibi, bir sorgu parametresiyle önbellek bozma genellikle Kötü Fikir (tm) olarak kabul edilir ve uzun zamandır budur. Sürümü dosya adına yansıtmak daha iyidir. Html5 Boilerplate , diğerleri arasında sorgu dizesinin kullanılmamasını önerir .

Bununla birlikte, bir kaynağa atıfta bulunan gördüğüm tavsiyelerin hepsi, hikmetlerini Steve Souders'in 2008 tarihli bir makalesinden alıyor gibi görünüyor . Elde ettiği sonuçlar, vekillerin o zamanki davranışlarına dayanıyor ve bu günlerde alakalı olabilir veya olmayabilir. Yine de, daha güncel bilgilerin yokluğunda, dosya adını değiştirmek güvenli seçenektir.

Önbelleği bir kez bozar, istemci kaynağı indirdikten sonra diğer her yanıt, aşağıdaki durumlar haricinde istemci önbelleğinden sunulur:

1. v parametresi güncellenir.
2. müşteri önbelleğini temizler

Genel olarak bu iyi olmalıdır, ancak istek parametrelerini yok sayacak şekilde yapılandırılmış bir ara önbellek (proxy) varsa bunun çalışmaması mümkündür.

Örneğin, Akamai CDN aracılığıyla statik içerik sunuyorsanız, bu yöntemi kullanarak önbellek bozmayı önlemek için istek parametrelerini yok sayacak şekilde yapılandırılabilir.

Önbelleğe alma işleminizin ne kadar sağlam olmasını istediğinize çok bağlıdır. Örneğin, squid proxy sunucusu (ve muhtemelen diğerleri) varsayılan olarak bir sorgu dizesiyle sunulan URL'leri önbelleğe almıyor - en azından bu makale yazılırken yaptı. Gereksiz önbellek atlamalarına neden olan belirli kullanım durumlarına aldırış etmiyorsanız, sorgu parametreleriyle devam edin. Ancak , bu sorunu ortadan kaldıran dosya adı tabanlı önbellek bozma şeması kurmak çok kolaydır.

(Dosya adı vs sorgu dizesi) 2 tekniklerin karşılaştırılması Bulunan burada :

Sorgu dizisi olarak sürümün iki sorunu vardır.

Birincisi, her zaman engellememiz gereken önbelleğe almayı uygulayan bir tarayıcı olmayabilir. Bazı (muhtemelen daha eski) proxy'lerin önbelleğe alma davranışları açısından sorgu dizesini göz ardı ettiği söylenir.

İkinci olarak, birden çok ön uç ve / veya birden çok arka uç sunucunuzun olduğu bazı daha karmaşık dağıtım senaryolarında, yükseltme anlık olmaktan çok daha fazlasını ifade eder. Varlıklarınızın hem eski hem de yeni sürümünü aynı anda sunabilmelisiniz. Örneğin, Google App Engine kullanırken bunun sizi nasıl etkilediğine bakın.

Benzer bir yaklaşım da htaccess mod_rewrite kullanmaktır. dosyaları sunarken yolun bir kısmını yok saymak . Hiçbir zaman önbelleğe alınmamış dizin sayfanız, dosyaların en son yolunu gösterir.

Geliştirme açısından, sürüm numarası için parametreler kullanmak kadar kolaydır, ancak dosya adı yaklaşımı kadar sağlamdır.

Sürüm numarası için yolun göz ardı edilen kısmını kullanın ve sunucu onu yok sayar ve önbelleğe alınmamış dosyayı sunar.

1.2.3/css/styles.csscss/styles.cssilk dizin htaccess dosyası tarafından soyulup yok sayıldığından beri aynı dosyayı sunar

Sürümü belirlenmiş dosyalar dahil

<?php
  $version = "1.2.3";
?>

<html>
  <head>
    <meta http-equiv="cache-control" content="max-age=0" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="expires" content="0" />
    <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
    <meta http-equiv="pragma" content="no-cache" />
    <link rel="stylesheet" type="text/css" href="<?php echo $version ?>/css/styles.css">
  </head>
  <body>
    <script src="<?php echo $version ?>/js/main.js"></script>
  </body>
</html>

Bu yaklaşımın, dizin sayfanızın önbelleğe alınmasını devre dışı bırakmanız gerektiği anlamına geldiğini unutmayın - Tüm tarayıcılarda önbelleğe almayı kapatmak için <meta> etiketlerini mi kullanıyorsunuz?

.htaccess dosyası

RewriteEngine On

# if you're requesting a file that exists, do nothing
RewriteCond %{REQUEST_FILENAME} !-f 
# likewise if a directory that exists, do nothing
RewriteCond %{REQUEST_FILENAME} !-d 

# otherwise, rewrite foo/bar/baz to bar/baz - ignore the first directory
RewriteRule ^[^/]+/(.+)$ $1 [L] 

Url'nin yeniden yazılmasına izin veren herhangi bir sunucu platformunda aynı yaklaşımı uygulayabilirsiniz

( mod_rewrite'dan uyarlanan koşulu yeniden yaz - / #! / dışında dizini sorgu dizesine yeniden yaz )

... ve dizin sayfanız / site giriş noktanız için önbellek bozmaya ihtiyacınız varsa , yenilemek için her zaman JavaSript kullanabilirsiniz .

<script type="text/javascript">
// front end cache bust

var cacheBust = ['js/StrUtil.js', 'js/protos.common.js', 'js/conf.js', 'bootstrap_ECP/js/init.js'];   
for (i=0; i < cacheBust.length; i++){
     var el = document.createElement('script');
     el.src = cacheBust[i]+"?v=" + Math.random();
     document.getElementsByTagName('head')[0].appendChild(el);
}
</script> 

 <script>
    var storedSrcElements = [
         "js/exampleFile.js",
         "js/sampleFile.js",
         "css/style.css"
          ];

    var head= document.getElementsByTagName('head')[0];
    var script;
    var link;
    var versionNumberNew = 4.6;

    for(i=0;i<storedSrcElements.length;i++){
     script= document.createElement('script');
     script.type= 'text/javascript';
     script.src= storedSrcElements[i] + "?" + versionNumberNew;
     head.appendChild(script);
    }     


     </script> 


       ### Change the version number  (versionNumberNew) when you want the new files to be loaded  ###

Umarım bu, harici JS dosyasını enjekte etmenize yardımcı olur

<script type="text/javascript"> 
var cachebuster = Math.round(new Date().getTime() / 1000); 
document.write('<scr'+'ipt type="text/javascript" src="external.js?cb=' +cachebuster+'"></scr' + 'ipt>');
</script>

Kaynak - JavaScript'te önbellek engelleme kodu