WordPress'te Tarayıcı Önbelleğinden Nasıl Yararlanılır?

Chrome gibi bir web tarayıcısı, statik dosyaları depolar ve bir web sitesini ilk ziyaret ettiğinizde bunları önbelleğe alır. Bu saklanan dosyalar genellikle statik dosyalardır; görüntüleri, javascript ve CSS dosyaları. Bilgisayarınızdaki tarayıcı belleğinde depolandığı için buna tarayıcı önbelleği diyoruz.

Hız testi yaparsanız WordPress blogda şöyle bir öneri bulabilirsin:

"Tarayıcı önbelleğinden yararlanın".

Birçok hız testi aracı tarafından verilen yaygın bir öneridir.

Yukarıdaki ekran görüntüsü şuradan GTmetrix. “Tarayıcı önbelleğinden yararlanın” önerisi için bloga 87 puan verdi.

Bu sorunu düzelttiğinizde, sayfa hızı puanlarınızda bir iyileşme göreceksiniz. Tarayıcı önbelleğe alma, aşağıdakiler için çok önemlidir: web sitenizin hızlı yüklenmesini sağlayın.

Bu makalede, birkaç adımda sunucunuzda tarayıcı önbelleğinden nasıl yararlanacağınızı göstereyim.

1. W3 Total Cache WordPress Eklentisini Kullanma

WordPress kullanıyorsanız, yalnızca adı verilen bir eklenti yüklemeniz gerektiğinden her şey basit olacaktır. W3 Toplam Önbellek (W3TC). Gelişmiş bir önbellek eklentisidir ve ihtiyacımız olan özelliklerle birlikte gelir.

Adım 1: W3TC Ayarlarında Tarayıcı Önbellek Özelliğini Etkinleştirin

W3TC genel ayarlarına gidin. Orada “Tarayıcı önbelleği” Onay Kutusunu bulacaksınız. Genel tarayıcı önbelleğini açmak için etkinleştirin.

2. Adım: Belirli Önbellek Seçeneğini Etkinleştirin

Tarayıcı önbelleğini etkinleştirdiğinizde, aynı ayarlar aktif hale gelecektir. Belirli önbellek işlevlerini etkinleştirmek için tarayıcı önbellek ayarlarına gidin.

3. Adım: Önbelleği Kaydet ve Temizle

Ayarlarınızın çalışması için bunları kaydetmeniz gerekir. Ayarın sonundaki tüm ayarları kaydet düğmesine tıklayın. Ardından, ayarlarınızı sitenizde yayınlamak için tüm önbelleği temizle'yi tıklayın.

Sitenizi şimdi test edin ve artık “tarayıcı önbelleğinden yararlanın” uyarısını kullanmamalısınız.

2. Apache Sunucusunda .htaccess Dosyasını Kullanma

⛔Uyarı Eğer aşina değilseniz .htaccess dosyanızı düzenlemeyin. Sor seninkini web barındırma senin için yapmak için. “.htaccess” hassas bir dosyadır ve bazı kodları yanlış girerseniz sitenizi bozabilir.

Apache sunucusunda .htaccess adında bir dosya var. Bu dosya, sunucu isteğini işler ve dizin klasörlerini ve isteklerini kontrol eder.

Tarayıcı önbelleğini etkinleştirmek ve Apache sunucusundaysanız bundan yararlanmak için, bu kodu kopyalayıp en üste veya en sona yapıştırın:

## EXPIRES CACHING ##
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
## EXPIRES CACHING ##

Bu kod, CSS ve javascript resimlerini içeren statik dosyalarınızın tarayıcılarda uzun süre önbelleğe alınmasını sağlar. .htaccess dosyanızı sunucularınızın kök klasöründe bulacaksınız. Referans için yukarıdaki resme bakın.

3. Nginx Sunucusunda Önbellek Kontrol Başlığını Kullanma

Örnek Nginx yapılandırması

Blogunuzu bir Nginx sunucusunda barındırıyorsanız, sunucu kökünüzde bir .htaccess dosyası bulamazsınız. Bunun nedeni, Nginx'in istekleri işlemek için .htaccess kullanmamasıdır. Neden hakkında daha fazla bilgi edinebilirsiniz Nginx'te .htaccess yok.

Aşağıdaki kodu kopyalayıp sunucunuzun yapılandırma konumuna veya sunucu kök bloğuna yapıştırın.

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

Ve sonra şunu kopyala/yapıştır:

location ~*  \.(jpg|jpeg|gif|png|svg)$ {
        expires 365d;
    }

    location ~*  \.(pdf|css|html|js|swf)$ {
        expires 2d;
    }

⛔Uyarı Bu kodu nereye yapıştıracağınızı bilmiyorsanız, ev sahibi. Nginx sunucusunda olduğunuzu onaylayın ve yalnızca sunucunuzdaki yapılandırma dosyasını nasıl bulacağınızdan ve düzenleyeceğinizden eminseniz devam edin.

Hala Bir Kolay Yol Kaldı…

CDN Kullanarak

Bu tek yol, bu önbelleğe alma hatasını çözmenin en kolay yoludur. A Içerik dağıtım ağı (CDN) önbellek ve HTTP isteklerini daha hızlı işler, böylece web sitenize nereden erişilirse erişilsin daha hızlı çalışır.

Sadece bir CDN kullanarak, şunları yapabilirsiniz: web sitenizin yükleme hızını artırın büyük ölçüde. Ayrıca, yönetir en iyi önbellek ve tarayıcı istekleri otomatik olarak çalışır.

Ben kullanmanızı öneririz KeyCDN. Hızlı ve uygun maliyetlidirler.

Bu kadar. Ayrıca hakkında okumak istersiniz wp-admin yönlendirme ve yenileme hatası nasıl düzeltilir. Okumak WordPress'teki duyarlı mobil menü çalışmadığında nasıl düzeltilir.

Bu kılavuzu kullanarak ne kadar geliştiğinizi bana bildirin.

Paylaş: