WordPress'te Kaldıraç Tarayıcı Önbelleğe Alma Nasıl Onarılır

Web siteniz yavaş yükleniyor mu? Sayfa hızı, kullanıcı deneyiminin önemli bir yönüdür. İstenen sayfanın kullanıcınızın tarayıcısına yüklenmesi için geçen süre, örneğin bir satışı tamamlamak için sitenizde kalıp kalmamalarını büyük ölçüde etkiler.

Sayfa yükleme süresi birçok faktöre bağlıdır – tarayıcı önbelleğe alma bunlardan biridir. Bu eğitimde, birçok sayfa hızı analiz aracı tarafından önerilen, iyi bilinen bir performans optimizasyon ipucu olan WordPress'te 'tarayıcı önbelleğinden yararlanma' sorununun nasıl düzeltileceğini tartışacağız.

İlk olarak, tarayıcı önbelleğe almanın ne olduğunu ve web sitenizi hızlandırmaya nasıl yardımcı olabileceğini keşfedeceğiz. Ardından, bir WordPress sitesinin tarayıcı önbelleğe alması gerekip gerekmediğini nasıl değerlendireceğimizi ele alacağız. Son olarak, eklenti kullanarak ve kullanmadan, WordPress'te kaldıraçlı tarayıcı önbelleğe alma özelliğini düzeltmenin farklı yollarına bakacağız.

Tarayıcı Önbelleğe Alma nedir?

Önbellek, geçici bir depolama alanıdır. Bir ziyaretçi web sitenizde bir sayfa talep ettiğinde, sunucunuz gerekli bilgileri veritabanından toplar, bir HTML belgesi halinde düzenler ve tarayıcıya sunar. Tarayıcı bu belgeyi ayrıştırır ve sayfayı görüntülemek için ilgili tüm kaynakları indirir.

Önbelleğe alma, sonraki sayfaların daha hızlı yüklenmesini sağlamak için sayfanın yükünün bir kısmını önbellekte depolama işlemidir. Sunucuda veya ziyaretçinin cihazında bir önbellek bulunabilir.

Sunucu önbelleğinde, istenen sayfa için veritabanı sorgularının sonuçlarını ve/veya statik HTML yanıtını saklayabilirsiniz.

Tarayıcı önbelleğe alma, belirli bir süre boyunca stil sayfaları, komut dosyaları ve resimler gibi kaynakları depolamak için ziyaretçinin cihazında geçici depolama kullanma işlemidir.

Bir sayfaya yapılan sonraki ziyaretler, tarayıcının aynı kaynakları tekrar tekrar indirmesini sağlar – kullanıcı sayfayı her istediğinde. Bu statik kaynakların bir WordPress sitesinin yükünün önemli bir miktarını oluşturduğu göz önüne alındığında, tarayıcı önbelleğe alma sayfa yükleme sürelerini azaltır.

Tarayıcı Önbelleğe Alma Gerekiyor mu?

Yükünüzün kaynak boyutu dağılımına ilişkin bir web sitesi denetimi, genellikle kaynaklarınızın ne kadar büyük olduğunu ve sayfanızı görüntülemeden önce bir tarayıcının bunları indirmek için kaç istek göndermesi gerektiğini ortaya çıkarır. Web sayfanızın önemli bir bölümünün statik dosyalardan oluştuğunu görürseniz, sayfa hızını artırmak için tarayıcı önbelleğini araştırmalısınız.

Tarayıcı önbelleğe almaya ihtiyacınız olup olmadığını belirlemenin daha kolay bir yolu, GTmetrix gibi bir sayfa hızı test aracı kullanmaktır. Ayrıntılı bir test başlatmak için web sitenizin URL'sini girmeniz yeterlidir. Test sonuçları size web sitenizi nasıl hızlandırabileceğinizi gösterecektir. Fark edebileceğiniz gibi, sonuçlar bölümündeki yaygın bir öneri, tarayıcı önbelleğinden yararlanmaktır.

Alternatif olarak, web sitenizi mobil cihazlarda değerlendirmek için bir mobil sayfa hızı testi aracı olan Think with Google'ı kullanabilirsiniz. Bu aracın önemli bir tavsiyesi, web siteniz için tarayıcı önbelleğinden yararlanmaktır.

Google'ın web sitenizin sayfa hızını test etmeye yönelik başka bir aracı olan PageSpeed ​​Insights, sayfa hızını artırmak için etkili bir önbellek politikası oluşturmanızı önerebilir. Tarayıcı önbelleğe alma, etkili bir önbellek politikasının önemli bir parçasını oluşturur.

Eklenti Olmadan WordPress'te Tarayıcı Önbelleğinden Yararlanmayı Düzeltin

Bir eklenti kullanmak istemiyorsanız, tarayıcı önbelleğinden yararlanmak için web sunucusu ayarlarınızı değiştirebilirsiniz. Bunu yaparsanız, web sunucunuz ziyaretçinin tarayıcısına belirli kaynakları tarayıcı önbelleğine kaydetmesi talimatını verecektir. Tarayıcı, bu dosyaları belirli bir süre boyunca yerel olarak saklayacak ve sonraki sayfa ziyaretlerinde kullanacaktır.

Web sunucunuzu, ziyaretçilerinizin tarayıcılarına önbelleğe almaya başlama talimatı verecek şekilde kurma işlemi, sunucudan sunucuya değişir. Bu yazıda, en popüler iki web sunucusu olan Apache ve Nginx'te tarayıcı önbelleğe almanın nasıl etkinleştirileceğini ele alacağız.

Aşağıdaki adımları izleyerek kaldıraçlı tarayıcı önbelleğini düzeltebilirsiniz:

1. Expires başlıklarını ekleme – Bu başlıklar, tarayıcıya sunucudan bir kaynağın yeni bir sürümünü ne zaman isteyeceğini söyler.
2. Önbellek Kontrolü başlıklarını değiştirme – Önbellekle ilgili ilkelerinizi ayarlamak için bu başlıkları kullanabilirsiniz.
3. Varlık etiketleri (ETag'ler) başlıklarını ayarlama – Sunucunuzdaki bir kaynağın yerel dosyaya göre değişip değişmediğini belirleyebilirsiniz.

Apache'de Tarayıcı Önbelleğinden Yararlanmayı Düzeltin

1. .htaccess Dosyasını Oluşturun veya Bulun

Bir Apache sunucusunda, .htaccess dosyasında gerekli tüm parametreleri ayarlayabilirsiniz. Bu dosyalar, Apache ayarlarını manuel olarak yapılandırmanıza olanak tanır. Apache parametrelerini depolayan ve bulundukları dizin için izinleri ve konfigürasyonları ayarlayan düz metin dosyalarıdır.

Web sitenizin kök dizinine bir .htaccess dosyası koyarsanız, web sitenizdeki tüm sayfalara uygulanacaktır. Yalnızca o konuma özgü izinleri ayarlamak için alt dizinlerinizden birine başka bir .htaccess dosyası da yerleştirebilirsiniz. Alt düzey .htaccess dosyalarının, üst dizinlerdeki .htaccess dosyalarının ayarlarını geçersiz kıldığını unutmayın.

Sunucunuza terminal erişiminiz varsa, uygun konumda bir .htaccess dosyası oluşturmak için uzaktan oturum açabilirsiniz (site düzeyinde tarayıcı önbelleğe alma kuralları için bu, kök klasörünüz olmalıdır).

Alternatif olarak, cPanel'deki dosya yöneticisini kullanıyorsanız, gerekli konuma gidin ve bir .htaccess dosyası oluşturun.

Zaten bir .htaccess dosyanız varsa, yeni tarayıcı önbelleğe alma kurallarını buna ekleyebilirsiniz.

2. Sona Eren Başlıkları Ekleyin

.htaccess dosyasındaki ilk ayar, Expires üstbilgileri özelliğini etkinleştirmektir. Dosyaya aşağıdaki satırı ekleyin:

 Sona EriyorAktif Açık

Ardından, aşağıda gösterilen söz dizimini kullanarak farklı türdeki metin dosyaları için zamanı ayarlayabilirsiniz:

 ExpiresByType metin/css "1 aylık erişim"
ExpiresByType text/html "1 aylık erişim"

Resimler için bir sona erme süresi ayarlamak için, text yerine bir eğik çizgi ve resim uzantısı yerine image türünü kullanın.

 ExpiresByType resmi/jpeg "1 aylık erişim"
ExpiresByType resmi/svg "1 aylık erişim"

Uygulamaların sona erme süresini ayarlamak için application dosya türünü kullanın ve dosya uzantısını belirtin.

 ExpiresByType uygulaması/pdf "1 aylık erişim"

Belirli ayarların kapsamına girmeyen diğer dosyaları kapatmak için ExpiresDefault anahtar sözcüğünü kullanın:

 ExpiresDefault "1 aylık erişim"

3. Bir Önbellek Politikası Tanımlayın

Ardından, Önbellek Kontrolü ayarlarını kullanarak önbellek politikanızı tanımlamanız gerekir.

Bir önbellek ilkesinin üç ana bölümü vardır:

• bir kaynak nasıl önbelleğe alınır
• önbelleğe alma konumu
• kaynağın süresi dolmadan önceki yaşı

Genel bir önbellek, tarayıcıya kaynakların herhangi bir yerde önbelleğe alınabileceğini söylerken, özel bir önbellek yalnızca müşterinin cihazında depolamaya izin verir.

Örneğin, oturum açmış bir kullanıcının profil sayfası yalnızca müşterinin cihazında önbelleğe alınmalıdır.

Öte yandan, bir blogun ana sayfası da bir CDN'de önbelleğe alınabilir. Aşağıdaki kuralı ekleyerek bir genel önbellek politikası belirleyebilirsiniz:

 <IfModule mod_headers.c>
Başlık, Önbellek Denetimi "genel" olarak ayarlandı
</IfModule>

Başlıklar modülüne aşağıdaki filtreleri ekleyerek farklı dosya türleri için farklı politikalar da belirleyebilirsiniz:

 <ifModule mod_headers.c>
<filesMatch "\.(ico|jpeg|jpg|png)$">
Başlık, Önbellek Denetimi "genel" olarak ayarlandı
</filesMatch>
<filesMatch "\.(php)$">
Başlık, Önbellek Kontrolünü "özel" olarak ayarla
</filesMatch>
</ifModule>

Yukarıdaki kod, tarayıcının görüntü dosyalarını herhangi bir yerde depolayabileceğini belirtir, ancak PHP dosyalarının müşterinin cihazında saklanması gerekir.

Ayrıca her bir filesMatch kuralına bir Expires ayarı ekleyebilirsiniz. Son kullanma süresini saniye cinsinden tanımlamanız gerekir. Örneğin, onu sıfıra ayarlamak, tarayıcının sayfa her yüklendiğinde dosyayı istemesini gerektirir:

 Başlık seti Süresi doluyor 0

4. Apache'de Varlık Etiketlerini Devre Dışı Bırakın

Son olarak, aşağıdaki kodu kullanarak varlık etiketlerini devre dışı bırakmanız gerekir:

 DosyaETag Yok

ETag'leri devre dışı bırakmak, tarayıcıyı önbellek politikanıza güvenmeye ve bir sayfa her yüklendiğinde dosyaları yeniden doğrulamaktan kaçınmaya zorlar.

.htaccess dosyasını kaydedin ve değişikliklerin etkili olması için Apache'yi yeniden başlatın.

Nginx'te Kaldıraç Tarayıcı Önbelleğe Alma Düzeltme

Nginx'te, nginx.conf yapılandırma dosyasını /etc/nginx/sites-enabled/default konumunda bulabilirsiniz.

Aşağıdaki kodu kullanarak belirli dosya türlerine Expires başlığı ekleyebilirsiniz:

 konum ~* \.(ico|jpeg|jpg|png)$ {
30d sona erer;
}

Aynı kod bloğuna bir Cache-Control başlığı da ekleyebilirsiniz:

 konum ~* \.(ico|jpeg|jpg|png)$ {
30d sona erer;
add_header Önbellek Kontrolü "genel";
}

Yapılandırma dosyasını kaydedin ve değişikliklerin etkili olması için Nginx'i yeniden başlatın.

Bir Eklenti ile Tarayıcı Önbelleğinden Yararlanmayı Düzeltin

Bir WordPress önbelleğe alma eklentisi kullanıyorsanız, tarayıcı önbelleğe alma için zaten desteği olabilir.

Şimdi birkaç popüler önbelleğe alma eklentisiyle kaldıraçlı tarayıcı önbelleğe almayı nasıl düzelteceğimizi keşfedelim.

1. LiteSpeed ​​Önbellek

LiteSpeed ​​Cache, yalnızca özelliği etkinleştirerek kaldıraçlı tarayıcı önbelleğini düzeltmenize olanak tanıyan bir önbelleğe alma eklentisidir. Eklentiyi kurun ve etkinleştirin ve önbellek ayarlarına gidin. Tarayıcı sekmesine gidin ve Tarayıcı Önbelleği seçeneğini etkinleştirin.

Ek olarak, son kullanma süresini ayarlayabilirsiniz. Ancak bu ayarın web sitenizdeki tüm önbelleğe alınmış dosyalar için geçerli olacağını unutmayın.

2. WP En Hızlı Önbellek

WP Fastest Cache, basit özelleştirme seçenekleriyle WordPress için başka bir önbelleğe alma eklentisidir. Ücretsiz sürümü, tarayıcı önbelleğe almayı etkinleştirmenizi sağlar. Ayarlar sayfasına gidin ve yukarıda gösterildiği gibi tarayıcı önbelleğe alma onay kutusunu işaretleyin.

3. W3 Toplam Önbellek

W3 Total Cache de popüler bir WordPress önbellek eklentisidir. Çok çeşitli önbelleğe alma seçeneklerini özelleştirmenize olanak tanır. Yükledikten sonra, ayarlar sayfasındaki Tarayıcı Önbelleği bölümüne gidin.

Bu eklenti, resimler, komut dosyaları ve stil sayfaları gibi bir dizi dosya kategorisi için izinler ayarlamanıza olanak tanır. Her kategori için Sona Erme başlıkları, Sona Erme ömürleri ve ETag'ler ayarlayabilirsiniz.

Toplama

Bu eğitimde, sayfa hızının önemini ve neden WordPress'te tarayıcı önbelleğinden yararlanmayı düzeltmek isteyebileceğinizi araştırdık.

WordPress sitenizin tarayıcı önbelleğe alması gerekip gerekmediğini söyleyen sayfa hızı değerlendirme araçlarını ele aldık. Ardından, bir eklenti kullanmadan tarayıcı önbelleğe almayı etkinleştirmek için web sunucunuzu nasıl yapılandırabileceğinizi tartıştık. Son olarak, WordPress'te kaldıraçlı tarayıcı önbelleğe almayı düzeltmenize izin veren üç popüler eklentiye baktık.

WordPress'te kaldıraçlı tarayıcı önbelleğe almanın nasıl düzeltileceği hakkında herhangi bir sorunuz var mı? Eğer öyleyse, lütfen aşağıdaki yorumlarda sorun.