Cloudflare Cache Everything WordPress TTFB'yi %90 İyileştiriyor

Yayınlanan: 2022-12-03

Cloudflare cache everything fast site load

Site hızının blogunuz için çok önemli bir faktör olduğunu biliyorsunuz. Cloudflare önbellek her şey, işleri hızlandırmanıza gerçekten yardımcı olabilir.

Ziyaretçileriniz ayrılmadan önce web sayfalarınızın yüklenmesini birkaç saniyeden fazla beklemezler. Google, yanıt süresinin arama sıralamasında önemli bir faktör olduğunu açıkça ortaya koyuyor. Yani evet, bugün siteniz için hız önemlidir.

WordPress ile masaüstü için makul sayfa yükleme hızları elde etmek nispeten kolaydır. Ancak mobil hız o kadar kolay değil.

Ancak, Cloudflare sayfa kuralları ile site hızınızı önemli ölçüde artırmanın bir yolu var.

Bu Makalede Gizle
Cloudflare kullanıyor musunuz?
TTFB'yi azaltmak
Cloudflare önbelleği her şey nasıl uygulanır?
Roket Yükleyiciyi Kontrol Edin
Bir dezavantaj ve çözüm
Güncelleme: Yeni ve çok daha iyi bir çözüm
Özet

Cloudflare kullanıyor musunuz?

Sunucu tarafı yanıt sürelerinizi iyileştirmenin ilk adımı, sitenizin bir CDN (İçerik Dağıtım Ağı) üzerinde çalışmasını sağlamaktır.

Son derece etkili, güvenilir ve ücretsiz olduğu için çoğu blog yazarı için en popüler hizmet Cloudflare'dir.

Sitenizi Cloudflare'a eklemeniz gerekiyorsa, WP Beginner tarafından hazırlanan bu eğitim, başlamak için mükemmel bir yerdir.

Ancak zaten kullanıyorsanız, ilk bayta kadar olan sürenizin (TTFB) performansını önemli ölçüde artırabilirsiniz.

Site yükleme hızı için en kritik faktörlerden biridir.

Daha önceki bir makalede, üç sayfa kuralıyla WordPress yönetici sayfalarının hızını artırma hakkında yazmıştım.

Ancak bu düzeltme için Cloudflare her şeyi önbelleğe alma kuralını kullanmanız gerekir.

Ücretsiz bir Cloudflare hesabı kullanıyorsanız, yalnızca üç sayfa kuralı alırsınız.

Bu nedenle, mevcut sayfa kurallarınızda değişiklik yapılması gerekecektir.

Ama çabaya değer.

TTFB'yi azaltmak

İşte bu değişikliklerin TTFB hızınızda ne kadar fark yaratabileceğine dair bazı örnekler.

Chrome Deleveopers Araçlarını kullanan aşağıdaki iki resim, mobil hızınızda ne kadar fark yaratabileceğinizi gösteriyor.

İlki optimize edilmemiştir ve 1,55 saniyelik bir TTFB'ye sahiptir.

TTFB mobile

Yeni Cloudflare kuralını ekledikten sonra gelişmeyi burada görebilirsiniz. TTFB artık yalnızca 33,25 milisaniyedir.

Cloudflare Cache Everything TTFB mobile

Freshping hesabımdan, optimize ettiğim üç site için genel yanıt sürelerini görebilirsiniz.

Henüz tam olarak önbelleğe alınmamış dört siteden %90 daha hızlıdırlar.

Cloudflare cache everything response times

Cloudflare önbelleği her şey nasıl uygulanır?

Bu değişiklikleri yapmaya başlamadan önce bir uyarıda bulunalım.

Bu yöntem, yalnızca çok sık değişmeyen, oldukça statik bir site için uygundur.

Değişen widget'lar, Twitter beslemeleri, kaydırıcılar veya düzenli bilgi güncellemeleri gibi dinamik içeriğiniz varsa bu iyi bir fikir değildir.

Cloudflare'a her şeyi önbelleğe eklediğinizde, söylediklerini yapar.

Bu site hızı iyileştirmesini Cloudflare kontrol panelinizden nasıl ekleyeceğiniz aşağıda açıklanmıştır.

Başlamak için yeni kuralınızı eklemeniz gerekecek. Üst menüdeki sayfa kuralları uygulaması düğmesine tıklayın.

Halihazırda üç kuralınız varsa birini silmeniz gerekir. Benim durumumda *preview=true* kuralını sildim.

new page rule

Şimdi, web sitenizin URL'si için yeni sayfa kuralınızı her iki ucunda da bir joker yıldız olacak şekilde ekleyin.

Ardından bu kural ayarlarını ekleyin.

Tarayıcı Önbelleği TTL – 1 saat
Önbellek Düzeyi – Her Şeyi Önbelleğe Al
Uç Önbellek TTL – 7 gün

Kaydet'e tıklayın ve artık önbellek kontrol başlıklarınız için her şey ayarlandı.

Önemli bir not, kurallarınızı yukarıdaki resimdeki gibi sıraladığınızdan emin olmanızdır.

Site önbelleği kuralınız, yönetici sayfalarınızın kaynak önbellek kontrolünü korumak için wp-login ve wp-admin kurallarınızdan sonra gelmelidir.

Mevcut Başlıklara Saygı Göster'i seçtiğinizden emin olmak için Cloudflare tarayıcı önbellek ayarlarınızı da kontrol etmelisiniz.

tarayıcı önbelleği ttl

Roket Yükleyiciyi Kontrol Edin

Cloudflare'nin Roket Yükleyicisini kullanıp kullanmadığınızı da kontrol etmek isteyebilirsiniz.

İşe yaradığında son derece iyi çalışıyor ancak sitenizi de bozabilir. İki sitede çalıştırıyorum ve sorun değil.

Ama başka bir sitede sorun çıkarıyor o yüzden kapattım.

Tüm ayarların doğru olduğunu kontrol ettikten sonra, her şeyin beklendiği gibi çalışıp çalışmadığını görmek için sitenize gidin. Şimdi neredeyse anında yükleniyor olmalı.

Ardından, iyileştirmeyi görmek için site hızınızı Google Page Speed ​​Insights, GTMetrix veya Pingdom ile kontrol edin.

Hedefiniz TTFB için 200 ms'nin altında, tam yük için 2 saniyenin altında olmalıdır.

İşte GTMetrix'teki sitelerimden birinin yükleme zamanlamasının ekran görüntüsü. Sadece 0,6 saniyede tamamen dolduğunu görebilirsiniz.

page load time

Bir dezavantaj ve çözüm

Sitenizdeki her şey artık önbelleğe alındığından, yaptığınız değişiklikler önbellek döngüsü temizlenene kadar etkili olmaz.

Bunun gerçekleşmesi uzun zaman alabilir.

Bu nedenle, yeni bir gönderi eklediğinizde veya mevcut bir gönderiyi düzenlediğinizde değişiklikleri görmezsiniz. Ayrıca sitenizdeki yeni yorumlar için de geçerlidir.

Bunu aşmanın tek yolu Cloudflare eklentisini yüklemektir.

Daha fazla eklenti eklemeyi sevmiyorum ama bu, bu hız düzeltmesi için çok önemli.

Ekledikten sonra, Otomatik Önbellek Yönetimini açık olarak değiştirin.

Şimdi oluşturduğunuz veya düzenlediğiniz dosyaları tek tek temizleyecek ve ardından yeni dosyaları orijinal web sunucunuzdan önbelleğe alacaktır.

Eklentiden tüm sitenizi de temizleyebilirsiniz. Ancak bu işlem, yükleme sürenizi artıracaktır.

Herhangi bir sorunu araştırmak için önbellek sorunlarını atlamak istiyorsanız, web sitenizi Cloudflare'da duraklatmak daha iyidir.

Gerçekten tıklamamanız gereken düğme, Cloudflare for WordPress'i Optimize Et düğmesidir.

Bunu yaparsanız, sizin için istenmeyebilecek birçok ayarı değiştirir. Bunlar, HTML, javascript ve CSS'yi küçültmeyi ve ayrıca mevcut başlık ayarlarınızı değiştirmeyi içerir.

Güncelleme: Yeni ve çok daha iyi bir çözüm

Bu makaleyi yazdığımdan beri, artık Cloudflare Cache Everything ile ilgili neredeyse tüm sorunları çözen yeni bir ücretsiz WordPress eklentisi var.

Super Page Cache for Cloudflare

Cloudflare için Super Page Cache'in kurulumu kolaydır ve size birçok kontrol sağlar.

Eklenti, yalnızca statik dosyaları (ör. CSS, JS, resimler vb.) değil, aynı zamanda hem sunucu diski düzeyinde hem de küresel Cloudflare CDN'de WordPress tarafından oluşturulan HTML web sayfalarını önbelleğe almanıza yardımcı olur.

Sitelerimden birine kurdum ve kusursuz çalıştı. TTFB yaklaşık bir saniyeden 0,2 saniyenin altına düştü.

speed results

Ücretsiz bir hizmet olmayan Cloudflare APO ile karşılaştırılabilir.

Ancak ücretsiz bir Cloudflare hesabı kullanıyorsanız, bu ücretsiz eklenti APO'nun yapabileceği hemen hemen her şeyi yapacaktır.

Just Publishing Advice'de bu önbelleğe alma eklentisini kullanıyorum ve harika bir Önemli Web Verileri sonucu almayı kolaylaştırıyor.

Google Page experience mobile

Önbelleğin her şeyin ne kadar iyi çalıştığını görmek için bu sitedeki herhangi bir sayfayı PageSpeed ​​Insights veya GTMetrix ile kontrol edebilirsiniz.

Tamamen yeşil bir sonuç almadıysanız şaşırırım.

GTmetrix JPA site perfomance

Yükleme hızınızı ve Önemli Web Verilerinizi iyileştirmek istiyorsanız gerçekten göz atmaya değer.

Özet

Cloudflare Cache Her şey çok iyi çalışıyor ve sitenizi inanılmaz derecede hızlandıracak. Özellikle mobil site hızını artırmak için etkilidir.

Ancak her site için geçerli değildir ve temanıza, işlevselliğinize ve site tasarımınıza bağlı olarak dezavantajlar olabilir.

Bu önbelleğe alma yöntemi çok agresif, bu yüzden her şeyi iki kez kontrol edin.

İdeal olarak, sitenizin sorunsuz çalışmasını sağlamak için bir hazırlama veya korumalı alanda denemelisiniz.

Yayındaki sitenize uygularsanız ve sorunlarla karşılaşırsanız, sayfa kuralını her zaman kaldırabilirsiniz. Ardından sitenizi Cloudflare'da tamamen temizleyin.

Daha sonra başladığınız yere geri döneceksiniz.

Yardıma ihtiyacınız varsa, Cloudflare Desteği'nde önbellek statik içeriği ve her şeyi önbelleğe alma ile ilgili birçok giriş vardır.