WordPress Tarayıcı Önbelleğe Alma Manuel Olarak Nasıl Yapılandırılır

Önbelleğe alma, web sitenizin ziyaretçileriniz için daha hızlı yüklenmesini sağlamanın en etkili yollarından biridir. Ancak, en iyi sonuçları elde etmek için siteniz, tarayıcılara tam olarak hangi içeriği önbelleğe almaları gerektiğini söylemelidir. Önbelleğe alma eklentileri genellikle bu ayarlar üzerinde tam kontrol sağlamaz, bu nedenle bunları manuel olarak yapılandırmak size kalmıştır.

Neyse ki, WordPress bunu oldukça basit bir şekilde yapmanızı sağlar. Tek yapmanız gereken .htaccess dosyanızda birkaç değişiklik yapmak. Bu makalede, tarayıcı önbelleğe almanın ne olduğu, web sitenizin bunu doğru bir şekilde kullanıp kullanmadığını nasıl kontrol edeceğiniz ve nasıl yapılandırılacağı hakkında daha fazla konuşacağız. Hadi çalışalım!

Tarayıcı Önbelleğe Almaya Giriş

İdeal olarak, biri web sitenizi ziyaret ettiğinde, tarayıcısı içeriğinin bir kısmını yerel olarak kaydeder, böylece sonraki ziyaretlerde yeniden yüklemesi gerekmez. Bu uygulama 'tarayıcı önbelleğe alma' olarak bilinir ve işte bu nedenle web sitenizde uygulamak iyi bir fikirdir:

• Yükleme sürelerini azaltır. Bir kullanıcının ne kadar az kaynak yüklemesi gerekiyorsa, siteniz o kadar hızlı oluşturulmalıdır.
• Potansiyel olarak daha düşük hemen çıkma oranları. Yükleme süreleri ile hemen çıkma oranları arasında doğrudan bir ilişki vardır. İlki ne kadar yüksekse, ziyaretçilerin web sitenizi terk etme şansı o kadar yüksek olur.
• Sunucunuzun yapması gereken iş miktarını azaltır. Tekrar eden ziyaretçilerin sunucunuzdan içerik yüklemesi gerekmediğinden, trafiğe ayak uydurmak için çok çalışması gerekmez.

Çoğu durumda tarayıcıların tüm web sitelerinizi önbelleğe almasını istemediğinizi anlamak önemlidir. Birçok site artık sürekli güncellenen çok sayıda etkileşimli içerik içermektedir. Bu, kullanıcılar tüm sayfaları önbelleğe alırsa, bunlarda yapılan değişiklikleri kaçırabilecekleri anlamına gelir.

Bu göz önüne alındığında, tarayıcılara önbelleğe almasını söylediğiniz içerik konusunda seçici olmanız gerekir. Örneğin, resimler, logolar ve Basamaklı Stil Sayfaları (CSS) sık sık değişmez. Bu, tarayıcılara bunları önbelleğe almalarını ve belirli bir süre belirtmelerini söyleyebileceğiniz anlamına gelir. İdeal olarak, web sitenizin önbelleğe alma yapılandırması, düzenli güncelleme alan (veya almayan) dosya türleri arasında ayrım yapmalıdır. Bu şekilde, kullanıcıların sitenizde yaptığınız değişiklikleri görmek için önbelleklerini manuel olarak boşaltmaları gerekmez.

WordPress Web Sitenizin Tarayıcı Önbelleğinden Doğru Bir Şekilde Yararlanıp Yararlanmadığını Nasıl Kontrol Edebilirsiniz?

WordPress önbelleğinden yararlanma hakkında konuştuğumuzda, web sitenizi, tarayıcıların hangi içeriği yerel olarak ve ne kadar süreyle depolamaları gerektiğini bilmeleri için yapılandırmaya atıfta bulunuyoruz. Bir sitenin tarayıcı önbelleğini doğru bir şekilde kullanıp kullanmadığını öğrenmenin en kolay yolu, bunu ve diğer ayarları analiz eden Google PageSpeed ​​Insights gibi bir araç kullanmaktır. Başlamak için web sitenizin URL'sini girin ve Analiz Et düğmesini tıklayın:

PageSpeed ​​Insights, web sitenizin optimizasyonunu hem mobil hem de masaüstünde puanlayacaktır. Sitenizin her 'sürüm'ü için, onu nasıl geliştireceğinize ilişkin önerilerle birlikte 0-100 arasında değişen bir puan alırsınız. PageSpeed ​​Insights'ın puanınızı hesaplarken göz önünde bulundurduğu temel faktörlerden biri, web sitenizin tarayıcı önbelleğini kullanıp kullanmadığıdır:

WordPress web sitenizi doğru bir şekilde yapılandırırsanız, yukarıdaki mesajı görmezsiniz ve iyi bir PageSpeed ​​Insights puanı almanız gerekir. Unutmayın – Divi, size kutudan çıktığı gibi iyi bir PageSpeed ​​Insights puanı sağlamak için çeşitli yönlerden optimize edilmiştir. Ancak, web sitenizin performansını artırmanın birçok yolu vardır ve bunları öğrenmek, zaman ayırmanın harika bir yoludur.

WordPress Tarayıcı Önbelleğe Alma İşlemini Manuel Olarak Yapılandırma (2 Adımda)

Geçmişte, eklentileri önbelleğe almak ve en iyi seçeneklerin neler olduğundan bahsetmiştik. WordPress sitenizin yapılandırmasıyla uğraşmak istemiyorsanız bu tür araçlar mükemmeldir. Ancak, çekirdek dosyalarınızdan birine birkaç satır kod eklemenin sakıncası yoksa, tarayıcı önbelleğe alma yapılandırmanız üzerinde çok daha yüksek düzeyde kontrol elde edebilirsiniz. Devam etmeden önce, her ihtimale karşı web sitenizin yeni bir yedeğini almalısınız!

Adım 1: Web Sitenize FTP Üzerinden Erişin

Sonraki bölümde, .htaccess dosyanıza erişmeniz ve onu düzenlemeniz gerekecek. Bunu yapmanın en iyi yolu, özel bir istemci aracılığıyla Dosya Aktarım Protokolü'nü (FTP) kullanmaktır. Birçok özellik içerdiği ve kullanımı oldukça basit olduğu için FileZilla'dan yanayız.

Başlamak için istemciyi kurun ve çalıştırın. Ekranın üst kısmında Host , Kullanıcı Adı , Şifre ve Bağlantı Noktası yazan dört boş alan göreceksiniz:

Bu protokolü kullanarak web sitenize giriş yapmak için belirli bir FTP kimlik bilgilerine ihtiyacınız olacak. Çoğu durumda, barındırma sağlayıcınıza kaydolduğunuzda bunları e-posta yoluyla almış olmalısınız. Ancak, bunları barındırma kontrol panelinizde veya cPanel aracılığıyla da bulabilmelisiniz.

Kimlik bilgilerinizi aldıktan sonra, bunları girin ve Quickconnect düğmesine tıklayın. FileZilla web sitenizle bağlantı kuracak ve ekranınızın sağ alt tarafında bir veya birkaç klasör görünmelidir. Bunlardan biri, tüm dosyalarının bulunduğu WordPress kök klasörünüz ( www , public_html veya web sitenizden sonra adlandırılır) olmalıdır:

Dizini açtıktan sonra ikinci adıma geçin!

2. Adım: .htaccess Dosyanızı Düzenleyin

.htaccess , sunucunuza dosya ve sayfaları nasıl sunması gerektiği konusunda talimat veren bir WordPress çekirdek dosyasıdır. Örneğin, güzel kalıcı bağlantılar kullanıyorsanız .htaccess , bunların nasıl ele alınacağına ilişkin talimatlar içerir. Dosyayı, belirli IP'ler için belirli sayfalara erişimi ve çok daha fazlasını engelleyecek şekilde de yapılandırabilirsiniz.

Bu durumda, sunucunuza hangi dosyaların önbelleğe alınacağını söylemek için .htaccess kullanacağız. Bunu yapmak için kök dizininizdeki .htaccess dosyasını arayın. Üzerine sağ tıklayın ve Görüntüle/Düzenle seçeneğini seçin. Bu, yerel metin düzenleyicinizi kullanarak dosyayı açarak üzerinde değişiklik yapmanızı sağlar:

.htaccess dosyanıza herhangi bir yeni kod eklemeden önce, # END WordPress yazan satırı bulana kadar aşağı kaydırın. Çoğu durumda (bu dahil), dosyaya bu satırdan önce yeni kod eklemek istersiniz. İşte hemen uygulayabileceğiniz basit bir tarayıcı önbelleğe alma yapılandırması örneği:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
</IfModule>

Örneğin, bir WordPress blogu çalıştırıyorsanız, gönderinizin resimlerinde veya sitenizin logosunda düzenli değişiklikler yapmama ihtimaliniz vardır. Bu durumda, bu dosyaları ziyaretçinizin tarayıcı önbelleğinde uzun bir süre, diyelim ki bir yıl boyunca saklayabiliriz. Yukarıdaki kodda, en popüler görüntü türlerinin hepsini bir çırpıda ele alıyoruz. Her satırın ilk yarısı, uğraştığımız dosyanın türünü belirtir ve ikincisi, bunun için bir son kullanma tarihi belirler:

ExpiresByType image/jpg "access 1 year"

Tabii ki, tüm içerik bir yıl boyunca önbelleğe alınmamalı, böylece değerle oynayabiliriz. Bu örnekte HTML, CSS ve JavaScript dosyalarını önbelleğe almak için talimatlar ekledik:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 week"
ExpiresByType text/html "access 1 month"
ExpiresByType text/x-javascript "access 1 week"
</IfModule>

Burada, HTML içeriğimizi, ziyaretçilerin ilk eriştiği andan itibaren bir ay sonra güncellenecek şekilde ayarladık, bu makul bir zaman dilimidir. Öte yandan CSS ve JavaScript dosyaları, Divi gibi karmaşık temalar veya birkaç eklenti kullandığınızda daha sık değişiklik gösterme eğilimindedir. Bunu göz önünde bulundurarak, önbellek sona erme tarihlerini erişimden sonra bir hafta olarak belirledik.

.htaccess dosyanızı kullanarak bu kuralları uyguladığınızda, sağlam bir tarayıcı önbelleğe alma temeline sahip olacaksınız. Diğer dosya türleri için talimatlar ekleyerek temellerimizi ele alalım:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 week"
ExpiresByType text/html "access 1 month"
ExpiresByType text/x-javascript "access 1 week"
ExpiresDefault "access 1 month"
</IfModule>

ExpiresDefault ile başlayan satır, tüm dosyalarınız için bir aylık bir varsayılan önbellek süresi belirler. Ancak, belirli dosya türleri için önbelleğe alma talimatları ekleyerek bunu geçersiz kılabilirsiniz. Buradaki nokta, web sitenizin yükleme sürelerini daha da artırmak için bireysel kuralları garanti etmeyebilecek diğer dosya türlerini yakalamaktır.

Şimdi, değişiklikleri WordPress .htaccess dosyanıza kaydetmeyi ve metin düzenleyicinizi kapatmayı unutmayın. FileZilla, sunucunuzdaki .htaccess dosyasını yeni sürümle geçersiz kılmak isteyip istemediğinizi soracak ve buna “Evet” demelisiniz. Şimdi devam edin ve PageSpeed ​​Insights'ı kullanarak web sitenizi bir kez daha test edin – tarayıcı önbelleğe alma optimizasyonu önerisi gitmiş olmalı!

Çözüm

Web siteniz için bir önbelleğe alma eklentisini etkinleştirmek kolaydır. Ancak, genellikle, kullanıcılarınızın bilgisayarlarında depoladığı içeriğin türü veya ne kadar süreyle saklanacağı konusunda size tam kontrol sağlamaz. Manuel yaklaşım, web sitenizin içeriği için önbelleğe alma yapılandırmanızı uyarlamanıza olanak tanır ve uygulanması zor değildir.

Tarayıcı önbelleğe almayı manuel olarak yapılandırmak için tek yapmanız gereken FTP aracılığıyla .htaccess dosyanızda birkaç değişiklik yapmaktır. Küçük bir koddan korkmuyorsanız, hızlı bir şekilde kurabilmelisiniz. Ardından, tarayıcı önbelleğini doğru şekilde kullanıp kullanmadığını görmek için web sitenizi Google PageSpeed ​​Insights kullanarak test edebilirsiniz.

WordPress tarayıcı önbelleğini manuel olarak nasıl yapılandıracağınızla ilgili herhangi bir sorunuz var mı? Aşağıdaki yorumlar bölümünde onlar hakkında konuşalım!

Crystal Eye Studio / Shutterstock.com'dan makale küçük resmi.