Web sitesi önbellekleme: Sunucu önbelleği ve tarayıcı için% 110 kılavuz (2021)
İlkbaharda kar yağışı gibi hızları olmayan WordPress web sitesi. Kimse bundan memnun olmayacak ve birçok insan hava tekrar sıcak olana kadar uzak duracak. Bunun sitenizde olmasına açıkça izin veremezsiniz.
WordPress sitenizde samimi ve sıcak bir ortam oluşturmak istiyorsanız, hızlı olmalıdır. Hiçbir şey ise, ve ama bununla ilgili. Hızlı yüklenen sayfalar ve içerik olmadan ziyaretçileri kaybedeceksiniz. Bu bir gerçek. Ancak bununla uğraşmanın bir yolu, web sitesi önbelleğini doğru yapmaktır. Kissmetrics’in bu sayfasının grafiğinde gösterildiği gibi: … Ziyaretçilerin bekleyecek sabrı yok. Ne yapıyorsun? Başlamak için sağlam bir web barındırma paketi alırsınız. Sonra, iyi bir boyut için üzerine bir CDN atın. Ve elbette, WordPress’te bulunmadan önce ve sonra görüntüleri optimize edin. Peki ya web sitesi önbellekleme? WordPress tarayıcı önbellekleme ve önbellek sunucusunu nasıl kullanacağınızı gördünüz mü ve web sitenizde yükleme süresini nasıl daha fazla artırabilir? Web sitesi önbelleği mutlu ve sinirli ziyaretçiler arasındaki farklar anlamına gelebilir. Bakalım. Web sitesi önbelleklemesinin avantajlarını, WordPress siteniz için kullanmak isteyebileceğiniz çeşitli türleri kontrol edeceğiz ve ayrıca en üst düzeye çıkarmak için kullanabileceğiniz araçları göreceğiz.WP Buffs’taki ekibimiz, web sitesi sahiplerinin, ajans ortaklarının ve Freelancer Partners’ın WordPress sitelerinde önbelleğe alınmasına yardımcı olur. 1 web sitesini yönetmemize veya 1000 istemci sitesini desteklememize ihtiyacınız var mı, sizi destekliyoruz.
Web sitesi önbellekleme? Bu da ne? Peki … Web sitesi önbelleğe alınması nedir? WordPress sitenizi hız ve güvenlik için optimize etmek için olabildiğince çok şey yaptınız, ancak yükleme hızı hala geride kalıyor. Bu nedenle, en sevdiğiniz hız test aracını açarsınız (Google PagePeed Insights gibi) ve bu optimizasyon hakkında tavsiyeler görürsünüz: Google size web sitesi önbelleğini kullanmanızı söylüyorsa, bunu yapmalısınız. Önce tweet atmak için tıklayın, elbette bir önbellek web sitesinin ne olduğunu anlamanız gerekir. Öyleyse şunu açıklayalım: Birisi etki alanınızı ziyaret ettiğinde, ekranlarında mucizevi bir şekilde görünen bir site gibi değil. WordPress’te geliştirdiğiniz ve derleme yaptığınız tüm parçaların, web sitesini görebilmeleri için kullanıcının tarayıcısına gönderilmesi gerekir. Bu, içerik, resimler, komut dosyaları, stil sayfası ve sitenizin diğer tüm rastgele kısımlarının çağrıldığında sunucunuzdan tarayıcılarına taşınması gerektiği anlamına gelir. Ki bu: Ziyaretçiler URL’nizi tarayıcılarına yükler.
Tarayıcı sunucunuza “Hey, şimdi bu web sitesini görmek istiyorum” diyen bir istek gönderiyor. Buna HTTP isteği denir.
Sunucu daha sonra istenen malzemeyi toplar ve gönderir. Bu, özellikle komut dosyasını küçültmek için hiçbir şey yapılmazsa, GZIP dosyalarını, görüntünün boyutunu optimize etmek vb.
Dosya gönderildikten sonra tarayıcı daha sonra web sitesini görüntüler. Bu işlem, bir ziyaretçi her yeni bir sayfa açtığında tekrarlanacaktır. Tahmin edebileceğiniz gibi, tüm sunucu istekleri bir stres sistemi oluşturabilir ve içeriğiniz hız için optimize edilmezse performansa ciddi baskı yapabilir. Bu nedenle performans WordPress geliştiricileri arasında kamuoyu bir endişe kaynağıdır. Ziyaretçilerle yaptığınız ilk izlenim büyük bir sorundur, bu nedenle çok uzun yüklerseniz, markanızdan birisini yanlışlıkla (ve belki de kalıcı olarak) öldürebilirsiniz. Yalnızca bir ziyaretle tweet için tıklayın.
Bu yüzden bir web sitesi önbelleğine ihtiyacınız var. Basitçe söylemek gerekirse, işin çalışma şekli:
Ziyaretçiler URL’nizi tarayıcılarına yükler.
Tarayıcı sunucunuza “Hey, şimdi bu web sitesini görmek istiyorum” diyen bir istek gönderiyor.
Sunucu daha sonra, “Peki, bu sayfayı diğer ziyaretçilere gönderdim ve o zamandan beri hiçbir şey değişmedi, bu yüzden sadece bu kişiye aynı şeyi göndereceğim.” Web sitesi önbellekleme budur. Tüm resimler ve içeriğin yanı sıra metin ve metin dosyalarınız statik HTML dosyalarıyla değiştirilir ve ziyaretçilere gönderilir. Ardından bir sonraki ziyaretçi, sunucunuzun kaydedildiği dosyanın bir kopyasını alır. Bu, sunucunun aynı işlemi tekrar tekrar tekrarlaması gerekmez.
Dosya gönderildikten sonra tarayıcı daha sonra web sitesini görüntüler.
Sayfa güncellendiğinde veya önbellek sınırının süresi dolduğunda önbellek “atılır”. (Bu biraz açıklayacağım.) Ve HTTP’nin isteği ve işleme baştan tekrar başlıyor.
Tahmin edebileceğiniz gibi, önbellekleme web siteleri işlemi, tüm kuyruğu ileri geri işlemek için sunucunuzun ihtiyaç duyduğu süreyi azaltmada çok yardımcı olabilir. Özellikle WordPress siteniz her gün güncellenmiyorsa. Bir web önbelleğinin avantajı, web sitenizin web sitelerini kullanmaktan alacağı başka avantajlar da vardır. Aslında, web önbelleğinin birkaç avantajı vardır:
Daha hızlı bir site, aramada performansta bir artış anlamına gelir.
Yüklü sayfa, ziyaretçileriniz için daha iyi bir genel deneyime katkıda bulunur. Rol oynayan başka faktörler olmasına rağmen, bu, müşterilere ödeme konusunda uyanık olan ziyaretçileri değiştiren bir faktör olabilir.
HTTP isteklerini işlemek için harcanan daha az zaman, barındırma sunucunuzda depolanan daha fazla bellek anlamına gelir. Ek bilgi işlem gücü için ödeme yaparsanız, bu, web barındırma hizmetleri için paranızı (veya müşterinizi) tasarruf edebilir.
Web sitesi önbellekleme, çok fazla trafik artışı yaşayan WordPress siteleri için yararlı bir araçtır.
Şimdi web sitesi önbelleklemesinin ne olduğunu ve neden yapmanız gerektiğini tartıştıktan sonra, önbelleklemeyi daha fazla tanımlayalım.
Önbellek sunucusu Vs. Önbellek tarayıcısı bir WordPress geliştiricisi olarak, ana odağınız sunucu tarafı önbelleklemedir. Bu, ziyaretçi tarayıcınız ile siteniz için önbellek olan bir web sayfası oluşturacak web sunucunuz arasına yerleştirmek anlamına gelir. Genel olarak, web sitesini önbelleğe alma süreci hakkında konuştuğumuzda (yukarıda açıklandığı gibi), genellikle en kapsamlı olarak kastettiğimiz budur. Ve bu önbellek sistemini yerine yerleştirmenin çeşitli yolları vardır. Apache sunucunuzdaki üstbilgiyi güncellemek tek bir yoldur. WordPress eklentileri başka bir şeydir. Ayrıca CDN’yi de kullanabilirsiniz. Bu tür bir sunucu ara maddesi, içeriğinizin çoğunu da saklamak için iyi bir iş çıkarır. Kesinlikle önbellek istediğiniz kısım, bir medya dosyası, stil sayfası, komut dosyası, içerik ve umarım ateşin üçüncü taraf sistemine çağrısıdır. Ayrıca bir önbellek HTML belgeniz olmalıdır. Temel olarak, sunucuda desteklenmesi için çok fazla iş gerektiren (dosya ağır olduğu için) veya işlenecek (karmaşık bir işlem çalıştırdığı için) önbellek olmalıdır. Tarayıcı tarafının önbelleğe alınması ise bu işlemi son kullanıcı tarafına daha yakın işler. Web sitesindeki güncellemeleri kendi bilgisayarınızdan görebilmek için bir sorun yaşadıysanız veya büyük olasılıkla müşteriniz bu sorunu yaşıyorsa, deneyebileceğiniz ilk şey önbellek tarayıcısını temizlemektir. Böyle bir arayüzle yapılır:
Temel olarak, kullanıcının tarayıcısına, yeni güncellenen bir sürümü görebilmeniz için kaydedilmiş web sayfalarının (önbellek sayfaları) kopyalarını kaldırmasını söylersiniz.Tarayıcı önbelleği, tarayıcıda saklanan çok fazla dosya olmadığı için sunucu önbelleğinden biraz farklıdır.Görüntüler, favicons, içerik ve CSS dosyası önbellek tarayıcısında saklanacaktır.Bununla birlikte, geri kalan her şeyin sunucu tarafından ele alınması gerekir.Ama süreç aynı.Yeni katman, web sayfalarınızın bir kopyasını depolayan tarayıcı ve sunucu arasındadır.Önbellek süresinin bir kopyası veya kullanıcı önbellek içeriğini sildikten sonra, işlem baştan tekrar başlar.Bu nedenle tarayıcı kullanıcıya “bazı sitelerin bir sonraki ziyaretinizde daha yavaş içerebileceği” konusunda bir uyarı verir.Önbellek temizlendiğinde, sunucunun tekrar statik bir HTML sayfası oluşturması gerekir … bu zaman gerektirir.
Önbellekleme Tekniği Web Önbellek Sayfaları Tam Vs. Önbellekleme Nesneleri Sunucu tarafı önbellekleme hakkında daha derine inelim, çünkü buna yaklaştığınız başka bir yol var. Özellikle, dikkat etmemiz gereken iki web önbellekleme tekniği vardır. Bu tam sayfa önbellek, tartıştığımız standart bir sunucu önbellekleme yöntemidir. Tüm sayfalardan önbellek sürümü (kopyalandı), ziyaretçinizin tarayıcısına bir HTML dosyası olarak gönderilir. Bazı web siteleri için önbellekleme web sitesi türü en makuldir. Web sitenizin düzenli olarak büyük miktarda trafiği ele alması veya büyük bir trafik artışı (satış tatili gibi) alma eğiliminde olması gerekiyorsa, tam sayfalık bir önbellek kesinlikle çok yararlıdır. Bu tweet için tıklayın, içeriği düzenli olarak yayınlayan web siteleri için de yararlı olacaktır. Makale veya yeni blog yazısı yayınlandığında sunucunuz hala ilk HTTP isteğini işlemek zorundadır. Ancak, bir süredir var olan diğer sayfaları açan ziyaretçiler için, bir tam sayfa önbellek, işlemi başka bir yerde düzenleyerek sunucunuzdaki yükü büyük ölçüde azaltabilir. Nesne önbelleğe alınması Öte yandan, nesne önbellekleme, web sayfalarının yalnızca bir kısmının gelecekte kullanılmak üzere saklandığı zamandır. Nesne önbelleği kalıcı olacak şekilde programlanabildiğinden, bu, ziyaretçiler “nesne” ise, ziyaretçiler sayfadan sayfaya taşındığında önbelleğin hala kullanılabileceği anlamına gelir.
Aynı şey çeşitli yerlerde. Web sitesi boyunca karmaşık unsurlarınız veya kodlarınız ve aynı kaynaklarınız varsa bu çok yararlıdır. Aynı anda atılan önbellek parçaları terimini de duyabilirsiniz. Önbellek parçaları temel olarak, sunucunuzdan herhangi bir içerik veya veriyi hedefleyen nesne önbelleklemenin aksine, sayfanın gerçek öğelerini (widget, resim, vb. Gibi) sakladığınız nesne önbellek türleridir. İdeal olarak, bir önbellekleme nesnesi kullanacaksanız, sık sık değişmeyeceğini bildiğiniz ancak web sayfasına her yeni ziyaretle çağrıldığında hala sorunlu olabileceğini bildiğiniz hedefi kovalamaya odaklanmalısınız. WordPress’te tarayıcı önbelleğe alma nasıl kullanılır Bir sonraki adımımız, WordPress’te bu web sitesinin önbelleğe alınması türlerinin kullanımının ve uygulanmasının üstesinden gelmektir. Önbellek tarayıcısıyla başlayalım: Tarayıcının önbellek tarafını ziyaretçinin işleminin sonunda olan bir şey olarak tanıttığımı biliyorum. Ancak bu, WordPress sitenizdeki önbellek tarayıcısını etkinleştiremeyeceğiniz anlamına gelmez. Aslında, tarayıcılarının içeriğin önbellek olabileceğine dair bir mesaj almasını sağlamak için, özellikle de web sitenizin hızlandırılması gereken birçok resim varsa. Codex WordPress’ten burada kullanmanız gereken bazı öneriler var. Dosyanızda yapmanız gereken ilk yenileme HTTP önbelleğinin kontrolü, maksimum yaş direktifini belirlemektir. Temel olarak, bu tarayıcıya web sayfasının bir kopyasını ne kadar kaydetmeleri gerektiğini söyler.
Bunu yapmak için .htaccess dosyasını web sitenizde açın. Kinsta, # end wordPress: başlık kümesi önbellek kontrolü “max- Repon = 84600, genel olarak “Temel olarak, bu, ziyaretçinizin tarayıcısına, onlarla paylaşılan herhangi bir medya dosyasının veya komut dosyasının 84.600 saniye boyunca önbellek olabileceğini söyler. Süreyi uzatmak veya kısaltmak istiyorsanız bu numarayı ayarlamaktan çekinmeyin. Yapabileceğiniz diğer güncellemelerin başlığı, önbellek içeriğinin ne zaman süresi dolması gerektiğini dikte etmektir. Bu aşırı görünebilir ve çoğu öylesine, ancak bazı tarayıcılar maksimum çağın direktiflerini arayacak ve sona erecek, bu yüzden her ikisini de buraya dahil etmelisiniz. .Htaccess dosyanızı tekrar açın. Bir kez daha, # End WordPress kod satırından sonra bir yerde, ## son kullanma başlığı önbelleğe alınır ## expiresbytype görüntü/jpg “erişim 1 yıl” ı son kullanma işlemi/jpeg “erişim 1 yıl” ı Yıl “son kullanma son kullanma” erişim 1 yıl “expiresbyType text/css” erişim 1 ay “expiresbyType” erişim/pdf “erişim 1 ay” ı icresbytype uygulama/javascript “expiresbytype uygulama/x-shockwave-flash” erişim 1 ay “erişim” X-icon “erişim 1 yıl” son kullanma süresi “2 gün erişim” ## son kullanma başlığı önbelleğe alınır ## Siteniz içerik veya komut dosyası türünü içermiyorsa yukarıdaki her son kullanma satırını eklemeniz gerekmez. Ancak, güvenli olmak istiyorsanız, kodu olduğu gibi bırakın, daha sonra WordPress siteniz için en uygun olana göre erişim iznini güncelleyin. Son ETAG, ETAG bu işlem sırasında kapatılmalıdır. Bir varlık etiketi (veya ETAG) tarayıcının istedikleri web sayfası önbelleğine izin verir. Ancak, bunu .htaccess dosyasında devre dışı bıraktığınızda, tarayıcıya kurallarını görmezden gelmesini ve önbellek kontrolü yönünde ayarladığınız kuralları izlemesini ve başlıkları sona erdirmesini söylersiniz. .Htaccess’inizde aşağıdaki kodu girin: # TN – Başlangıç Döndürme Dosya Dosya Kapalı Yok # TN – Dosyada değişiklik kaydettikten sonra ETAG’ları kapatın, WordPress’te önbellek tarayıcısını kullanmaya hazır olmalısınız. Önbellek Sunucusu Nasıl Kullanılır WordPress’te Taşın Önbellek Sunucusuna Taşındınız, bunu WordPress’e uygulamak için bir üçüncü taraf aracı kullanmanız gerekir. En popüler WordPress eklentisi seçeneği WordPress eklentisidir, ancak tüm eklentiler kullanılamaz. Önbellek sunucusu için bir eklenti kullanmaya karar verirseniz itaat etmeniz gereken bazı kurallar: Bir kerede yalnızca bir önbellek eklentisi kullanın.
Bir eklenti seçmeden önce, kaliteyi doğru bir şekilde yalvardı. Dikkatli değilseniz, önbellek eklentisi sitenizi daha da yavaşlatabilir.
Ayrıca, web’inizi barındırmasına izin verilmeyen eklentilerin listesini gözden geçirin. Bazı insanlar için, sitenizin performansı üzerindeki etkileri nedeniyle eklentilere izin verilmez. Diğerleri için, web barındırma paketinizin bir sunucu önbelleği ile donatılmış olmasıdır. Bu yüzden kontrol ettiğinizden emin olun.
İhtiyacınız olan doğru sayıda özellik ve kontrol sağlayan bir önbellek eklentisi kullanın. Bu nedenle, bir nesne önbelleğini uygulamak istiyorsanız, eklentiniz bunu yapmanıza izin vermelidir. Ayrıca, eklenti yüklendikten sonra WordPress sitenizin sonuçlarını gözden geçirin. Hız test aracınız önbellek eklentisinin çalıştığını onaylıyor mu? Siteniz daha hızlı mı yükleniyor? Ve hala “kaldıraç önbellekleme” önerisini görüyor musunuz?
WordPress eklentisini her kullandığınızda, dikkatli olmalısınız ve sitenizdeki diğer araçların kurulumunun performansı azaltmadığından emin olmalısınız (burada artmaya çalıştığımız). Yani, ihtiyacınız olanı yapan eklentiyi bulun. Kullanmak isteyebileceğiniz önbellek eklentisi hakkında bazı öneriler: Otomatik olarak optimize edildi
Aşağıdaki bazı tam sayfa önbellek eklentileri için, bu kişiye, otomatikleştirme eklentisine de ihtiyacınız var. Bu, medya ve içeriğin aksine, web sitesi stilinin komut dosyalarını ve sayfalarını işleme konusunda uzmanlaşmıştır. Ayrıca tarayıcıya iletilecek komut dosyasını ve stili de aktarır (yani altbilgiye yerleştirilir), bu nedenle bu eklentideki ek hızı optimize etme gücüne sahip olmak iyidir.
Çağrı etkinleştirme
Önbellek etkinleştiricisi eklentisi KeyCDN’den gelir ve kullanıcısına tam sayfa önbellekleme yeteneği verir. Sadece etkinleştirin ve eklentinin web sayfanızın statik bir HTML sürümünü üretmesine izin verin. Buna ek olarak, HTML ve CSS’yi azaltabilir ve mümkünse görüntüleri WebP’ye dönüştürebilirsiniz (WordPress sitelerini hızlandırmaya yardımcı olan tüm yöntemler). Bu eklenti, AutOptimize ile eşleştirilmesini önerir.
Sinek kuşu sayfasının optimizasyonu
Hummingbird eklentisi sadece bir avlu önbellek eklentisi değildir. Bu aynı zamanda önbellek tarayıcısı ve gravatar için de mümkün kılar (birçok yorumun bir blog veya haber sitesi çalıştırırsanız sonuncusu çok iyidir). Buna ek olarak, Hummingbird WordPress Optimizasyon eklentisinden beklediğiniz her şeyi yapar: Minifikasyon, GZIP Sıkıştırma ve Görüntü Optimizasyonu.Cache Litespeed
Nesneler ve tarayıcı önbelleği uygulayabilen WordPress eklentileri arayanlar için Litespeed önbellek eklentisi bunu yapacaktır. Ayrıca, minifikasyon, yavaş yükleme görüntüsü ve CDN entegrasyonu gibi diğer iyi hız optimizasyon görevlerini de yerine getirir.