WordPress'te Kaldıraç Tarayıcı Önbelleğe Alma Nasıl Onarılır? (4 Yol)

Web sitesi hız testlerinde 'Tarayıcıyı Önbelleğe Alma' uyarısını mı alıyorsunuz?

Tarayıcı önbelleğe alma, bir hız optimizasyon yöntemidir ve hızlı bir şekilde etkinleştirebilirsiniz. Bu yazıda, tarayıcı önbelleğini çeşitli şekillerde nasıl kullanacağınızı anlatacağım.

• Tarayıcı Önbelleğe Alma nedir?
• Kaldıraç Tarayıcı Önbelleğe Alma Nasıl Etkinleştirilir?
• #1 Sona Erme Başlığı Ekleme
• #2 Önbellek Kontrolü Ekle
• #3 Google Analytics Tarayıcı Önbelleğe Alma Uyarısından Yararlanıyor
• #4 WordPress Önbelleğe Alma Eklentileri

Tarayıcı Önbelleğe Alma nedir?

Tarayıcı önbelleğe almanın nasıl çalıştığını anlamak için bir sayfanın nasıl yüklendiğini bilmeniz gerekir.

Veriler (web sayfasında gördüğünüz bilgiler) sunucuda (bir depolama birimi) bulunur. Bilgi paylaşımı, HTTP istek-yanıt döngüsü ile gerçekleşir.

Bir kişi bir URL açtığında, tarayıcı web sayfasının varlıklarını yüklemek için istek gönderir. Web sunucusu isteği okur ve belirtilen içeriği bulur.

Ardından Web Sunucusu yanıt verir ve içeriği (daha iyi optimizasyon için çoğunlukla Gzip formatında) tarayıcıya gönderir. Tarayıcılar dosyayı okur, açar ve okuyucu için sayfayı derler.

Bütün bunlar birkaç saniye içinde gerçekleşir. Sayfa yükleme hızı (veya içeriği sunucudan alma), DNS yanıt süresi, kodlama, sunucu hızı vb. gibi çeşitli faktörlere bağlıdır.

Sayfanın yüklenme hızını etkileyen faktörlerden biri web sunucusu tarafından tarayıcıya gönderilen dosyaların ağırlığıdır. Dosyaları ağırlaştırır, iletimi daha fazla zaman alır.

Bu yüzden dosyayı mümkün olduğunca hafif hale getirmeyi amaçlıyoruz. Tarayıcı Önbelleğe Alma özelliğinin tanıtıldığı yer burasıdır.

Web sayfasında statik olan çok sayıda içerik olduğu için. Statik varlıklar, sayfayı her yüklediğinizde değişmeyen içeriktir.

Örneğin, bir içerik küratörü bunu yapana kadar ServerGuy'daki herhangi bir blog kendini güncellemeyecektir. Ancak sayfaya bir tweet yerleştirirsem, o tweet dinamik olacak ve orijinal tweet'teki beğeni/retweet artacağı/azalacağı için değişecek.

Tarayıcı önbelleğe almada, statik içeriğin bir kopyasını tarayıcının kendisine kaydederiz. Modern web tarayıcıları önbelleğe alma yapmak için tasarlanmıştır. Dosyaların bir kopyasını oluştururlar ve ziyaretçiler sayfayı bir sonraki ziyaretlerinde tarayıcı içeriği yerel depolamadan yükler.

Mesafe önemli ölçüde azalır ve sayfanın yüklenmesi iyileşir.

Tarayıcı önbelleğinden yararlanmak standart bir uygulamadır ve bunu yapmıyorsanız, birçok hız testinde şu uyarı mesajını alırsınız: Tarayıcı Önbelleğinden Yararlanın . Google Page Speed ​​Insight aracında şu mesajı bulacaksınız:

Bunlar, tarayıcının doğru şekilde önbelleğe alınmasını sağlamak için başlıkların içinde olması gereken iki etikettir.

Önbellek Kontrolleri: Önbellek verilerinin sona erme süresini belirlemenin daha karmaşık yolu. Belirlenen süreden sonra tarayıcı yerel içeriği temizleyecek, içeriği doğrudan sunucudan yükleyecek ve yeni bir kopya oluşturacaktır.

ETag: Tarayıcının, yerel depolama içeriğinin sunucudaki içerikle aynı olup olmadığını kontrol etmesinin bir yoludur. Aynıysa, tarayıcı onu önbellekten yükler. Etag'ler hakkında daha fazla bilgi edinin.

Kaldıraç Tarayıcı Önbelleğe Alma Nasıl Etkinleştirilir?

Web sayfasını daha hızlı yüklemek için WordPress/sitede tarayıcı önbelleğini kaldıraç özelliğini düzeltmeniz gerekir. Her saniye gecikmeyle müşteri, satış ve dönüşüm kaybediyorsunuz.

Önemli Web Verileri ve mobil öncelikli dizin oluşturma ile sayfanızın hızlı yüklenmesini sağlamak için her önlemi almanız gerekir.

Tarayıcı Önbelleğinden Yararlanmak için bu yöntemleri kullanın:

1. Sona Eren Başlıkları Ekle
2. Önbellek Kontrolü Ekle
3. Google Analytics, Tarayıcı Önbelleğe Alma Uyarısından Yararlanıyor
4. Önbelleğe Alma Eklentileri

#1 Sona Erme Başlığı Ekleme

Tarayıcılar, sunucudan kaynakları isteyip istemediğini veya içeriğin önbelleğe alınmış kopyasını mı kullanacağını bilmek için Sona Erme Başlıklarını kullanır.

Nginx'te Süre Sonu Başlıkları Nasıl Eklenir?

Kodu sunucu bloğunun içine ekleyin. /etc/Nginx/sites-enabled/default adresinde bulabilirsiniz.

 location ~* \.(jpg|jpeg|gif|png|svg)$ { expires 365d; } location ~* \.(pdf|css|html|js|swf)$ { expires 2d; }

Sona Erme Başlıklarında verilen bilgileri net bir şekilde anlayabilirsiniz. jpg, jpeg ve diğer resim biçimlerinin süresi 365 gün sonra, pdf, CSS, html ise 2 gün sonra sona erecek şekilde ayarlanmıştır.

Apache'de Expires Başlıkları Nasıl Eklenir

Aşağıdakileri .htaccess dosyanıza ekleyerek Expires başlıklarını Apache'ye ekleyebilirsiniz:

 ## EXPIRES HEADER CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType image/svg "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType application/javascript "access 1 month" ExpiresByType application/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 2 days" </IfModule> ## EXPIRES HEADER CACHING ##

#2 Önbellek Kontrolü Ekle

Önbellek kontrolleri ayrıca tarayıcının bir dosyayı önbelleğe alması gereken süreyi belirten bir HTTP başlığıdır. Ve yeni kopyanın ne zaman yapılması gerektiği.

Apache “Önbellek Kontrolü” başlıkları

Tarayıcı önbelleğinden yararlanmak için .htaccess dosyanızın en üstüne aşağıdaki kod parçasını eklemeniz gerekir.

 <filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$"> Header set Cache-Control "max-age=2592000, public" </filesMatch>

Nginx “Önbellek Kontrolü” başlıkları

Kod, genellikle /etc/Nginx/sites-enabled/default konumunda bulabileceğiniz sunucu bloğunun içine girecektir.

 location ~* \.(png|jpg|jpeg|gif)$ { expires 365d; add_header Cache-Control "public, no-transform"; } location ~* \.(js|css|pdf|html|swf)$ { expires 30d; add_header Cache-Control "public, no-transform"; }

Önbellek Denetimleri ve Sona Erme Başlıkları

Önbellek Denetimleri ve Süre Sonu Başlıkları arasındaki fark, Önbellek denetimleri başlığının, kaynakların maksimum yaşının ayarlandığı istemci tarafı bir önbelleğe alma tekniği olmasıdır. Tarayıcı ve web sunucusu arasındaki diğer herhangi bir proxy, içeriğin genel bir kopyasını da önbelleğe alabilir.

Expires başlığında belirli bir süre ayarlanır ve bundan sonra önbellek kopyası geçersiz hale gelir.

Bu, uzaktan ince bir farktır, ancak içine daldığınızda daha karmaşık hale gelir.

Her iki başlığı da kullanmak zorunda değilsiniz. Herhangi birini seçin; ancak Önbellek Denetimleri, önbelleğe almanın modern ve en son yoludur, bu nedenle daha iyidir.

Ancak birçok web hız testi (GTmetrix ve Pingdom gibi) hız derecelerini hesaplarken hala Expires Header'ı sayar.

#3 Google Analytics Tarayıcı Önbelleğe Alma Uyarısından Yararlanıyor

WordPress sitesine ve sunucuya uygun önbelleğe alma başlığını uyguladıktan sonra, testlerin size hala Google Analytics'te Tarayıcı Önbelleğinden Yararlanmanızı söylediğini göreceksiniz.

Bu, tarayıcı önbelleğinden yararlanma sorunudur, ancak çözdüğümüzden ayrı bir sorundur.

Google Analytics, siteyle etkileşim kurmak ve web yöneticilerini JS'yi yerel olarak barındırmaktan caydırmak için JavaScript kodunu kullanır.

Önbellek denetimleri ve Süre Sonu Başlıkları, üçüncü taraf kaynaklarını önbelleğe alamaz. GA için önbelleğe almayı kullanmak için, Host Google Analytics Locally eklentisini yükleyebilirsiniz.

CAOS eklentisi, GA komut dosyasını önbelleğe alır ve güncel tutmak için cron işini çalıştırın. Eklentiyi kurun ve etkinleştirin. Ayarlar sekmesinden açın.

Eklentiyi kolayca yapılandırabilirsiniz. Analitik kodunu eklemeniz, 'izlemeye izin veriyor' seçeneğini işaretlemeniz gerekir.

Sayfa yukarıdan aşağıya doğru işlendiğinden, kodu altbilgiye koymanızı öneririz. Bu şekilde, JS her zaman sonunda yüklenir.

#4 WordPress Önbelleğe Alma Eklentileri

Tarayıcı önbelleğe almayı uygulamanın en kolay yolu, bir önbelleğe alma eklentisi yüklemek ve ayardan işlevi etkinleştirmektir.

En iyi ve kaliteli WordPress önbelleğe alma eklentilerinin tümü, tarayıcı önbelleğe alma özelliklerine sahiptir.

WPRocket'i kullanma

WPRocket bir WordPress performans eklentisidir. Görüntüleme, CDN, kod küçültme, Gzip vb. dahil olmak üzere çoklu optimizasyonlarla doludur.

Tarayıcı önbelleğinden yararlanmak için bu eklentiyi kullanabilirsiniz.

Bu eklentinin ücretsiz bir sürümü yok. Bunu kullanmaya başlamak için lisans satın almalısınız. Plan yılda 49 dolardan başlıyor.

WP En Hızlı Önbelleği Kullanma

WP Fastest Cache başka bir harika WordPress önbelleğe alma eklentisi. Çeşitli hız optimizasyonlarını ücretsiz olarak sağlar.

Eklentileri kurun ve etkinleştirin. Ayara gidin.

Tarayıcı önbelleğini işaretleyin ve gönder'e tıklayın. Bu, Daha Hızlı önbelleğin ücretsiz sürümüdür. Premium sürüm ile ek işlevler elde edersiniz.

Çözüm

GTmetrix gibi hız testleri, site hızının mutlak bir göstergesi değildir. Ancak sağladıkları bilgiler, daha iyi performans için sayfayı optimize etmeye yardımcı olur.

Umarım bu yazı, tarayıcı önbelleğinden yararlanma konusundaki şüphelerinizi gidermenize yardımcı olmuştur. Hala herhangi bir sorun varsa veya makaleyi geliştirmek için herhangi bir ipucunuz varsa, yorumlar bölümünde bırakın.