Sıradan İngilizce’de tarif edilen önbellek tarayıcısı

Okumadıysanız, WordPress için önbellekleme sayfasını tartıştığımız ‘Basit İngilizce’de tarif edilen performans optimizasyonumuzdaki ilk gönderiyi kontrol etmenizi öneririm. Şimdi ‘tarayıcıyı önbelleğe alma’ tartışacağız çünkü birçok kişi ikisini yanlış yorumluyor. Bilmeniz gereken ilk şey, sayfa ve önbellek tarayıcı önbelleğinin iki farklı şey olmasıdır. Önbellekleme, hızlı koleksiyon için bilgiyi “hatırlama” sürecidir. Hem sayfa önbellek hem de önbellek tarayıcısı bilgileri hatırlamak için yöntemlerdir, ancak bunu farklı yerlerde yaparlar.
Önbellek sayfası sunucunuzda oluşurken, önbellek tarayıcısı, evet, tarayıcıda oluşur. Özellikle, tarayıcıda her ziyaretçi ve sitenize erişmek için kullandıkları her cihazda. Ve açıklığa kavuşturmak için, kastettiğim tarayıcı, Safari, Chrome, Internet Explorer, Firefox, vb. Web sayfalarını pişirelim! Tarayıcı önbelleğini yiyecek yapmak açısından hayal edebiliriz. Bu durumda, “Food” görmek istediğiniz web sayfasıdır ve bu sayfada kullanılan tüm dosyalar “Malzemeler” dir. Yiyecek yapmadan önce, tüm doğru malzemelere ve taze malzemelere sahip olduğunuzdan emin olmalısınız. Daha sonra tüm bu malzemeleri yiyecek yapmak için belirli bir şekilde birleştirirsiniz.
Bu ilk kez bu özel yemeği yapıyorsanız, mutfağınızdaki tüm malzemelere sahip olmayabilirsiniz. Yani mağazaya gidip satın almalısınız – bu elbette fazladan zaman alacak. Şimdi yarın tekrar aynı şeyi yemek istediğini söyle. Bu sefer, mutfağınızda zaten en çok veya tüm malzemelere sahip olduğunuz için yiyecek daha hızlı hazırlayabilirsiniz. Tamam, benzetmemizde, belirli web sayfalarını istemek için tarayıcınızı kullanıyorsunuz – belirli yiyecekler. Tarayıcı, web sayfasının bulunduğu sunucu ile temasa geçti, sayfa için bir tarif istedi ve bir içerik listesi gönderdi. Bu materyaller temel olarak HTML, CSS, JavaScript ve görüntü dosyalarıdır. Bu web sayfasını ilk kez açarsanız, tarayıcınızın herhangi bir malzemesi olmaz, bu nedenle “alışveriş” yapmanız ve sunucudan yeni her şeyi almanız gerekir. Ancak aynı web sayfasını ziyaret ettiğinizde, tarayıcınızın değiştirilmesi gerekmez Her şey en başından beri, depoladığı malzemeleri kullanabilir ve sadece sunucudan sahip olmadığı yeni şeyleri ister. Bu yüzden bir web sayfasını ilk ziyaret ettiğinizde bir sonraki ziyaretten daha uzun sürer. Tekrarlanan bir hız testi yaptığınızda veya webtest.org sayfasında “ters” kullandığınızda bu fenomene dikkat etmiş olabilirsiniz. Tekrar ekranı her zaman daha hızlıdır, çünkü birçok bileşen indirilmiştir ve yeni alınması gerekmez.
Önbellek tarayıcısının özü, web sayfalarının tekrarlanan görünümünü daha verimli hale getirmektir. Mutfağınızdaki malzemeler bayat oluyor, değil mi? Bunu yapmalı ve web sayfalarınızın malzemeleri de öyle. Web sayfaları açısından, “Stale” bir şeyleri güncellediğiniz anlamına gelir ve önbellek sürümünün modası geçmiş olmasını sağlar. Tıpkı yemek gibi, web sayfası materyalinin de bir son kullanma tarihine sahip olması gerekir, böylece tarayıcı kullanıp kullanmayacağını veya web sayfalarını pişirirken yeni bir sürüm alıp almayacağını bilir. Tarayıcı sunucudan bir malzeme listesi aldığında, her dosyada bir “başlık” vardır. Bu, dosyanın ne kadar taze olarak kabul edilebileceği de dahil olmak üzere dosya hakkında yalnızca birkaç bilgidir. Bu, malzemelerinizdeki “satış” veya “süresi dolmuş” tarihini kontrol etmek gibidir. Son kullanma son kullanma dosya türüne göre değişecektir. Amaç, malzemeleri mümkün olduğunca uzun süre taze tutmak, zaman alan harcamaları önlemektir. Böylece tarayıcı kontrolleri, malzemeleri listelemek için sona erer ve daha sonra bayat olup olmadığını görmek için mutfağı (önbellek tarayıcısı) kontrol eder. Son kullanma tarihi geçmediyse, tarayıcının malzemeyi indirmesi gerekmez, sadece çok daha hızlı olan mevcut malzemeleri kullanın.
Bazen pingdom/gt metrix vb.
“Aşağıdaki önbellek kaynaklarının kısa bir süresi var. Aşağıdaki kaynaklar için gelecekte en az bir hafta sürenin sona ermesini belirleyin “Bu malzemelerin kısa bir raf ömrüne sahip olması, hızlı bir şekilde bayramları, bu yüzden sık alışveriş yapmanız ve verimli olmamasıdır. Genel olarak, tarayıcınızın dosyanın yeni sürümü için her zaman mağazaya koşmakla aynı şeyi yapması gerekmez, böylece uzun bir son kullanma tarihine sahip olmak iyidir. WP roketinin yiyeceklerde rolü nedir? WP Roket, şefin (tarayıcınız) bazı alışveriş gezileri yapabilmesi için malzemeleri için en uygun son kullanma tarihini belirler. Bunu HTAccess dosyasındaki kurallarla yapıyoruz. Sitenizden sunulan dosyadaki son kullanma tarihini, isterseniz kendi mutfağınızdan ayarlayabilirsiniz. Mağazadan paket öncesi yiyecek satın aldığınızda, Google, Facebook, vb. Gibi üçüncü taraflardan içerik kullandığınızda olduğu gibi malzemelere güvenmelisiniz. Bu daha önce paketlenmiştir ve mutfağınızdan değil, böylece son kullanma son kullanamazsınız. Google PagePeed Insights ve diğer araçlar bu üçüncü taraf dosyası hakkında önerilerde bulunacaktır (aşağıdaki ekran görüntülerine bakın), ancak uygulayamazsınız:

Statik kaynaklardan kuyruk dizesini silin Bazı genel hız test araçları buna “öneriler” olarak sahiptir. Ancak, tarayıcı önbelleği nedeniyle bunu tavsiye etmiyoruz.
Şuna benzeyen dosyalar hakkında konuşuyorlar: style.css? Ver = 1.1 String Kueri bir soru işareti ve daha sonra bilgiler (ver = 1.1 Bu örnekte) Sorun dizesini CSS dosyaları gibi kaynaklardan silmeniz, siz Dosya güncellendiğinde artık her kullanıcının tarayıcısıyla iletişim kuramaz. Temanızdaki ‘Style.css’ dosyasına sahip olduğunuzu söyleyin. Dosyayı yeni bir tarzda güncellersiniz, ancak dosya adı değişmedi, Still Style.css. O zaman web sitenizi kontrol edin ve yeni değil, eski tarzınızı görüyorsunuz. WP roket önbelleğinizi siliyorsunuz, ancak yine de eski stili görüyorsunuz. Bunun nedeni, tarayıcınızın kullandığı stil. CSS’nin bir kopyasını kaydetmesidir. WP roket önbelleğini silmek yardımcı olmaz çünkü dosya bilgisayarınızda (roket WP önbelleğinin bulunduğu sunucu değil), tarayıcı mutfağınızda. Bu nedenle, tarayıcı önbelleğinizi boşaltırsanız, tarayıcınız style.css’i tekrar indirmek zorunda kalacak ve sonra yeni bir stil göreceksiniz. Peki, sitenize diğer tüm ziyaretçiler ne olacak? Tarayıcı önbelleğinin her kullanıcı için, kullandıkları her tarayıcı/cihazda oluştuğunu hatırlamak önemlidir. Bilgisayarlarına ulaşamazsınız ve tarayıcı önbelleğini silmelerini sağlayamazsınız ve ortalama olarak insanlar bunu çok sık yapmazlar. Yani farkında olmadan eski, eski, stil.css ile sıkışacaklar.
Şimdi, bir dosya adı sürümü oluşturmak için bir sorgu dizesi kullanıyorsanız, bu sorunu çözebilirsiniz.Style.css yerine, style.css? Ver = 1 var, o zaman dosyada bir değişiklik yaparsınız ve dosya adı şu şekilde değişir: style.css? Ver = 2 tarayıcı farklı bir dosya olarak görür ve yeni bir sürüm.Patlama!Havalı yeni tarzınız herkesin görmesi için kullanılabilir.Yani, bir sorgu dizesine sahip olmanın önemli bir hedefi vardır ve silerseniz (devam et, kendinizi test et) siteniz daha hızlı olmayacak, neden rahatsız ediyorsunuz?Bir tarayıcı önbelleğini tamamlar – sorularınız varsa, yorumlarda bize söyleyin!Bu seride hangi hızı açıklamak istediğinizi optimize etmenin diğer yönleri? Performans optimizasyon serimizdeki tüm taksitleri görün: