Sayfa Yükleme Süresini Optimize Etmek için WordPress'te Tarayıcı Önbelleğe Almadan Yararlanın

WordPress web sitesi kullanıcıları her zaman alışılmışın dışında bir şeyler ararlar ve 90'dan fazla Google PageSpeed ​​Insights puan kriterine ulaşmayı hedefleyerek bu oldukça mümkündür. Genel olarak WordPress web sitelerini hızlandırmak için çeşitli teknikler vardır ancak bunların arasında tarayıcı önbelleğe alma, web sitesi hız optimizasyonu analizi sırasında en sık karşılaşılan sorundur.

Web sitenizin performansını izlemek ve test etmek için Google PageSpeed ​​Insights, GTMetrix ve Pingdom gibi çeşitli çevrimiçi araçları kullanabilirsiniz. Doğru sonuçlar sağlarlar ve web sitenizin nerede iyileştirmeye ihtiyaç duyduğunu anlamanıza yardımcı olurlar. Site performansını test ederken “Tarayıcı Önbelleğe Almadan Yararlanın” uyarı bildirimi almış olabilirsiniz.

Bugün bu sorunu nasıl çözebileceğinizi tartışacağız. O halde vakit kaybetmeyelim ve derinlemesine inceleyelim.

Tarayıcı Önbelleği Nedir ve Nasıl Çalışır?

Bir kişi web sitenizi her ziyaret ettiğinde, tarayıcı, sunucudan HTML, Komut Dosyaları, Görseller, CSS vb. varlıkları yüklemek için bir istek gönderir. Sunucu daha sonra tarayıcının isteğine yanıt verir. Talep edilen varlığın boyutuna ve sunucu işlem süresine bağlı olarak yanıtın yanıtlanması biraz zaman alabilir. Sonuçta sunucudaki yükün artmasına neden olur ve kullanıcı tarafında web sitesini yavaşlatır.

Bu durumda tarayıcı önbelleği en iyi sonucu verir. Bir ziyaretçi bir web sitesini ilk kez ziyaret ettiğinde, kullanıcının tarayıcısında statik içerik depolar. Web siteniz tarayıcı önbelleğiyle doğru şekilde yapılandırılmamışsa ve yukarıda belirtilen performans test araçlarından herhangi birini kullanarak web sitenizin hızını test ediyorsanız, araç kesinlikle tarayıcı önbelleğinden yararlanmak için bir uyarı mesajı gösterecektir.

Google'a göre sunucu yanıtı başlıkta aşağıdaki iki etiketi içermelidir:

Önbellek Kontrolü, bireysel yanıtın tarayıcı ve diğer ara önbellekler tarafından nasıl ve ne kadar süreyle önbelleğe alınabileceğini tanımlar.

ETag, kaynağın son istendiğinden bu yana değişip değişmediğini kontrol etmek için tarayıcı tarafından otomatik olarak gönderilen bir yeniden doğrulama jetonu sağlar.

Tarayıcı Önbelleğe Almadan Yararlanma Nedir?

Basit bir deyişle, tarayıcı önbelleğe alma özelliğinden yararlanmak, sayfaların daha hızlı yüklenmesine yönelik HTTP isteklerinin azaltılmasına yardımcı olur ve ayrıca sunucu yanıt süresini artırır.

Canlı bir örneğe bakalım. Web sitemi Think with Google'ı kullanarak test ettim ve işte sonuç.

Google PageSpeed ​​Insights aracından test edelim.

Tamam, web sitemin genel performansının oldukça iyi olduğunu görebilirsiniz. Ancak bunu geliştirecek yer var. Dahili URL'lerimin önbelleğe alınabileceğini gösteriyor.

“Tarayıcı Önbelleğe Almadan Yararlanın” Uyarısını Düzeltme

“Tarayıcı Önbelleğini Kaldır” uyarısını düzeltmek için aşağıdaki iki adımı uygulamanız gerekecektir.

1. Önbelleği kullanmak için istek başlıklarını değiştirin
2. Önbelleğe alma politikasını optimize edin

1. İstek Başlıklarını Önbelleği Kullanacak Şekilde Değiştirin

Web sitenizin hızını ve yanıtını iyileştirmenin bir yolu, istek başlıklarını önbelleği kullanacak şekilde değiştirmektir. WordPress .htaccess dosyamıza birkaç satır kod ekleyeceğiz.

Web Sitenizde 90'ın üzerinde PageSpeed ​​Insights Puanı mı İstiyorsunuz?

Web sitenizin yükleme hızını artırmak için tarayıcı önbelleğe almayı ve diğer teknikleri nasıl kullanacağınızı öğrenmek için ÜCRETSİZ e-kitabımızı edinin.

Cloudways Hizmet Şartları ve Gizlilik Politikasını kabul ediyorum

Şimdi sahip ol

Teşekkür ederim

E-Kitabınız Gelen Kutunuza Doğru Yolda.

Not: .htaccess bir web sitesinin kontrol odasıdır. Düzgün yapılandırılmazsa, siz oradayken sitenin tamamı bozulabilir! WordPress'inizi .htaccess dosyasıyla nasıl koruyacağınızı öğrenin .

WordPress'te tarayıcı önbelleğinden yararlanmak için WordPress kurulumunuzun ana dizinine erişin, .htaccess dosyasını arayın ve herhangi bir kod düzenleyiciyle açın. Aşağıda belirtilen satırları WordPress .htaccess dosyasının en üstüne yapıştırmanız yeterlidir.

 ## ÖNbelleğe almanın süresi doluyor ##

<IfModule mod_expires.c>

Sona Erme TarihiEtkin
ExpiresByType image/jpg "erişim 1 yıl"
ExpiresByType image/jpeg "erişim 1 yıl"
ExpiresByType görseli/gif "erişim 1 yıl"
ExpiresByType image/png "erişim 1 yıl"
ExpiresByType text/css "erişim 1 ay"
ExpiresByType text/html "erişim 1 ay"
ExpiresByType uygulaması/pdf "erişim 1 ay"
ExpiresByType text/x-javascript "erişim 1 ay"
ExpiresByType uygulaması/x-shockwave-flash "erişim 1 ay"
ExpiresByType image/x-icon "erişim 1 yıl"
ExpiresDefault "erişim 1 ay"

</IfModule>

## ÖNbelleğe almanın süresi sona eriyor ##

2. Önbelleğe Alma Politikasını Optimize Edin

Web sitenizdeki yanıt süresini hızlandırmanın ikinci adımı Önbellek Politikasını Optimize Etmektir. Yukarıdaki kod, dosya türlerini ve bunların geçerlilik sürelerini açıklar. Belirli statik içeriği kullanıcının tarayıcı önbelleğinde ne kadar süre saklamak istediğiniz tamamen size bağlıdır. Görseller gibi statik içeriğiniz uzun vadeli ise. Bunları bir yıl boyunca ayarlamanızı öneririm. Ancak yakın gelecekte değişebileceğinden şüphelendiğiniz içeriklerin son kullanma tarihini en az bir ay olarak ayarlamanız önerilir.

Önbellek Kontrolleri

Yukarıdaki yöntem sunucunuzda işe yaramazsa, önbellekleme süresinin sona ermesini ayarlamak için önbellek kontrolleri konusunda size yardımcı olabilecek başka bir alternatifimiz var. Tek yapmanız gereken aşağıdaki satırları kopyalayıp .htaccess dosyanızın en üstüne yapıştırmak.

 # Çoğu statik varlık için 1 Ay

<filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$">
Başlık seti Önbellek Kontrolü "max-age=2592000, public"

</filesMatch>

Önceki adımla aynı şekilde yukarıdaki kod, farklı dosya türlerinin süre sonu ve önbelleğe alma politikasını açıklar.

Not:2592000 saniye = 30 gün.Bu, uyarıyı ortadan kaldırabilecek minimum değerdir.Vade sonu bundan daha azsa, kaldıraç tarayıcısının sona erme süresinin artırılmasını öneren uyarısını görmeye devam edebilirsiniz.

.htaccess dosyasını doğru bir şekilde kurduktan sonra şimdi test edeceğiz. Öyleyse test edelim!

Ve “tarayıcı önbelleğinden yararlanın” uyarısı düzeltildi.

WordPress, Google Analytics için Tarayıcı Önbelleğe Almadan Yararlanıyor

Google Analytics için herhangi bir WordPress eklentisi kullanıyorsanız, her şeyi doğru şekilde ayarlamanız önemli değil, yine de tarayıcı önbelleğe alma uyarısından yararlanabilirsiniz.

Bunun nedeni, Google Analytics'in, güncellemeleri olabildiğince hızlı aldığınızdan emin olmak için varsayılan geçerlilik süresini yalnızca iki saat olarak ayarlamasıdır.

Google Analytics için kaldıraç tarayıcı önbellek uyarısını düzeltmenin iki yolu vardır.

1. Yerel : Analytics.js ve/veya ga.js dosyasının yerel bir kopyasını oluşturabilirsiniz (tarayıcı önbelleğinden yararlanarak hangi dosyayla uğraşıyorsanız kullanın). Google'ın bu yöntemi önermediğini lütfen unutmayın.
2. Eklenti : Google Analytics dosyanızı yerel olarak barındıran Complete Analytics Optimization Suite (CAOS) WordPress eklentisini kullanın ve dosyayı güncel tutmak için wp_cron() işlevini kullanın.

Hala Kaldıraç Tarayıcı Önbelleği Uyarısını Görüyor musunuz?

Her şeyi doğru şekilde ayarladıktan sonra, aşağıdaki resimde olduğu gibi Google'ın tarayıcı önbelleğinden yararlanmayı önerdiğini görmeye devam edebilirsiniz.

Gördüğünüz gibi yukarıdaki dosyalar üçüncü taraf entegrasyonlarıdır. Bunlar sunucumuzda mevcut değildir. Bunları silmek dışında yapabileceğimiz hiçbir şey yok. Hız testi araçlarında tüm 3. parti entegrasyonlar bu uyarıya neden olabilir.

Ben bir Cloudways Müşterisiyim, Bundan Benim Faydam Ne?

Cloudways için optimize edilmiş bir WordPress barındırma müşterisiyseniz, çevrimiçi hız testi araçlarında ortaya çıkan WordPress kaldıraç tarayıcı önbelleği uyarısıyla ilgili endişelerinizi bir kenara bırakmalısınız. Çünkü Cloudways bu konuyu kendi başına hallediyor. Son kullanma süresini , Sunucu → Ayarlar ve Paketler → Gelişmiş seçeneğine giderek , biraz aşağı kaydırıp NGINX – Statik Önbellek Süre Sonu'nuarayarak değiştirebilirsiniz . Varsayılan değer 43200 dk'dır, yani 30 güne eşdeğerdir.

W3 Total Cache ile Tarayıcı Önbelleğe Almadan Yararlanın

Yukarıda belirtilen yöntem, kaldıraç tarayıcı önbelleği uyarısını kaldırmanın manuel yoludur. W3 Total Cache gibi bir önbellek eklentisi kullanıyorsanız Performans → Genel Ayarlar seçeneğine giderek tarayıcı önbelleğini etkinleştirmeniz gerekir .

Ardından Tarayıcı Önbelleğine gidin ve aşağıdaki beş onay kutusunu işaretleyin.

CSS ve JSS dosyalarının son kullanma süresini ayarlamak için biraz aşağı kaydırın. Varsayılan değer 365 güne eşdeğer olan 31536000'dir. Bunu istediğiniz zaman dilimine göre değiştirebilirsiniz.

HTML ve XML'in geçerlilik süresini ayarlamak için biraz daha aşağı kaydırın.

Medya ve Diğer Dosyalar için varsayılan değerleri değiştirmek için biraz aşağı kaydırın ve son kullanma tarihini ayarlayın. Varsayılan değer 31536000'dir, yani 365 güne eşdeğerdir.

Son düşünceler

Tarayıcı Önbelleğe Alma'dan yararlanın, web performansı test puanının iyileştirilmesine yardımcı olur. Unutmayın, bu ayarlar yalnızca temel yönergeler oluşturmak ve WordPress kullanıcıları arasında anlayış oluşturmak içindir. Bunun yanı sıra, bireylerin kısa sürede daha hızlı bir web sitesi elde etmelerine yardımcı olabilecek bir dizi teknik vardır; bunlardan en önemlisi, en hızlı WordPress barındırma seçeneğini seçmektir.

Herhangi bir sorunuz varsa, aşağıdaki yorumlar bölümünde sormaya çekinmeyin. Cevaplamayı çok isterim.