WordPress'te Cloudflare Kullanarak Tarayıcı Önbelleğe Alma Nasıl Etkinleştirilir?

Tarayıcı önbelleğe alma, tarayıcıdan statik dosyaları bir süreliğine saklamasını veya "önbelleğe almasını" isteyerek web sitenizi hızlandırmak için kullanılan bir tekniktir, böylece sonraki ziyaretlerde tekrar indirilmeleri gerekmez. Özetle hepsi bu kadar.

Bu eğitimde, temel olarak tarayıcıya statik kaynakları ne kadar süreyle önbelleğe alması gerektiğini söyleyen Cloudflare'de sona erme başlığının nasıl ekleneceğini öğreneceğiz.

Tarayıcı önbelleğe almayı kullanmak istiyorsanız, web tarayıcılarına resimleri, CSS'yi ve Javascript dosyalarını istemci tarayıcısında yerel olarak ne kadar süreyle tutmaları gerektiğini söylemelisiniz. Belirli standartlar ve ayarlar kullanılıyorsa (çünkü daha az dosya indirmesi gerektiğinden), kullanıcının tarayıcısı web sitenizin sayfalarında gezinirken daha az veri kullanır. WordPress'te tarayıcı önbelleğe almanın kullanılması, web siteniz için daha hızlı yükleme süresi sağlar.

Tarayıcı Önbelleğe Alma nedir?

Önbelleğe alma, verileri bir önbellekte saklama işlemidir. Önbellek, veriler için geçici bir depolama alanından başka bir şey değildir.

İçeriğin web tarayıcılarında geçici olarak saklanması, tarayıcı önbelleğe alma olarak adlandırılır. Bir ziyaretçinin web tarayıcısı, çeşitli web sitesi kaynaklarını yerel sürücüye indirir ve kaydeder. Resimler, HTML dosyaları ve JavaScript dosyaları bunların arasındadır. Web sayfası hızlı bir şekilde yüklenecek ve kullanıcının web sitesini bir sonraki ziyaretinde bant genişliği tüketimi azaltılacaktır.

Önbelleğe Alma Avantajları

Web sayfaları istemcilerde, proxy'lerde ve sunucularda önceden getirilebilir ve önbelleğe alınabilir. Çevrimiçi önbelleğe alma, gelişmiş web performansı da dahil olmak üzere bir dizi avantaja sahiptir.

• Önbelleğe alma bant genişliği tüketimini azaltır, ağ trafiğini azaltır ve ağ tıkanıklığını azaltır.
• Önbelleğe alma, erişim gecikmesini iki nedenden dolayı azaltır:
  • a) Sık ziyaret edilen belgeler, uzak veri sunucularından ziyade yerel bir proxy önbelleğinden alınır, bu da aktarım gecikmelerini azaltır.
  • b) Önbelleğe alma, ağ trafiğini azalttığı için, yol boyunca azalan tıkanıklık ve daha düşük sunucu iş yükü sayesinde, önbelleğe alınmayan belgeler, onsuz olacağından çok daha hızlı alınabilir.
• Verileri WAN genelinde proxy önbellekleri arasında dağıtarak, önbelleğe alma, uzaktaki web sunucusunun iş yükünü en aza indirir.
• Uzak sunucu bir kilitlenme veya ağ bölümleme nedeniyle kullanılamıyorsa, istemci proxy'de önbelleğe alınmış bir kopya alabilir. Sonuç olarak, Web hizmetinin sağlamlığı artırılmıştır.

Tarayıcı Önbelleğe Alma Nasıl Çalışır?

Tarayıcı önbelleğe almanın nasıl çalıştığına ilişkin bir açıklama aşağıdaki grafikte gösterilmektedir.

Web sunucusu bir web sitesinden veri toplar ve tarayıcı penceresine gönderir. Ziyaretçinin siteyi ilk kez ziyaret edip etmemesine veya siteyi daha önce ziyaret etmiş olmasına bağlı olarak önbelleğe alma işlemi gerçekleştirilir.

Önbelleğe almanın nasıl çalıştığını görmek için bu iki örneğe bir göz atalım.

Durum 1: İlk kez kullanan bir kullanıcı

Aşağıdaki grafik, bir kişinin bir web sitesini ilk kez ziyaret ettiği bir durumu göstermektedir.

Web tarayıcısı, bir web sitesine ilk kez eriştiğinizde web sunucusundan veri toplar. Bunun nedeni, çevrimiçi kaynakların henüz önbelleğe alınmamış olmasıdır. İnternet tarayıcısı daha sonra çevrimiçi kaynakları bir önbelleğe kaydeder, böylece web sitesini bir sonraki ziyaretinizde daha iyi bir deneyim yaşayabilirsiniz.

Durum 2: Kullanıcı web sitesini zaten ziyaret etmişti.

Bir kullanıcı aynı bilgi işlem cihazında bir web sitesini ikinci kez ziyaret ederse, ikinci ziyaret ilkinden daha hızlı yüklenir. Bunun nedeni, web tarayıcısının resimler, CSS ve JavaScript gibi statik web kaynaklarını almak için önbelleği kullanmasıdır. HTML sayfası web tarayıcısı aracılığıyla teslim edilecektir.

Bu durum senaryosu aşağıdaki grafikte gösterilmektedir.

Yukarıdaki görselleştirme, bilgilerin güncel olduğunu ima eder. "Yeni içerik" terimi, henüz süresi dolmamış ve önbellekten alınabilen öğeleri ifade eder. Eski malzeme, önbellek son kullanma tarihini geçen ve yalnızca web sunucusundan alınabilen içeriktir.

GTMetrix kullanarak sitenizi analiz edin

Sitenizi değerlendirmek için GTmetrix kullandıysanız "Sona Erme Başlığı Ekle" hatasını fark etmiş olabilirsiniz.

Tarayıcınızda önbelleğe alma başlığı nasıl kontrol edilir?

Yanıt üstbilgileri, tarayıcı önbelleğe alma tarafından kullanılır. Tarayıcı, her HTTP isteğiyle 'istek başlıkları' gönderir ve sunucu 'yanıt başlıkları' ve verilerle yanıt verir.

Sunucu, tarayıcıya dosyaların ne kadar önbelleğe alınacağını (saniye cinsinden) söyleyen 'önbellek denetimi' adlı bir yanıt başlığı belirtir.

Chrome tarayıcınızın sağ üst köşesindeki üç noktaya (kebap menüsü) tıklayın

Diğer araçlar -> geliştirici araçları'na tıklayın

Network -> js içinde gerekli klasörleri bulacaksınız.

jquery dosyasını açın ve önbellek kontrolünü gözlemlemek için Header'a tıklayın.

Gördüğünüz gibi, önbellek dosyaları sürücüden veya bellekten (RAM) anında yüklenir.

Tarayıcı önbelleğe alma, aşağıdakileri yapmanızı sağlar:

• Sunucu yükü azaltılmalıdır.
• Bir sayfanın yüklenmesi için geçen süreyi azaltın
• Bant genişliği maliyetlerinizi azaltın.

Cloudflare Kullanarak Tarayıcı Önbelleğe Alma Nasıl Etkinleştirilir (Expires Headers Cloudflare Ekle)?

Cloudflare kullanıyorsanız, her bir isteğe yalnızca iki tıklamayla ve eklenti olmadan kolayca sona erme üstbilgileri ekleyebilirsiniz.

Cloudflare kontrol paneline gidin

Alanınızı girin

Sol taraftaki menüden Önbelleğe Alma -> Yapılandırma'ya tıklayın

"Tarayıcı Önbelleği TTL" seçeneğine ilerleyin ve süreyi buna göre değiştirin

Varsayılan olarak 4 saate ayarlanacaktır. İki aydan uzun süren bir şeyle değiştirin ve işiniz bitti!

Çözüm

Tarayıcı önbelleğe alma, tarayıcıya dosyaları belirli bir süre boyunca kaydetmesi veya "önbelleğe alması" talimatını vererek web sitenizi iyileştirme stratejisidir, böylece birden çok ziyarette tekrar alınması gerekmez. Özetle, hepsi bu kadar.

Tarayıcı önbelleğe almayı kullanmak istiyorsanız, web tarayıcılarına görüntüleri, CSS'yi ve Javascript dosyalarını istemci tarayıcısında ne kadar süreyle tutmaları gerektiğini bildirmeniz gerekir. Belirli standartlar ve ayarlar uygulanırsa, kullanıcının tarayıcısı web sitenizin sayfalarına göz atarken daha az veri tüketecektir. WordPress'te tarayıcı önbelleğe alma kullanımı, web sitenizin yüklenmesi için gereken süreyi azaltır.