WordPress web sitenizi bir web sitesi hız testi ile çalıştırdıysanız, muhtemelen “Expires Headers ekleyin” önerisini görmüşsünüzdür. Bu durum web sitenizin hızını optimize etmek ve sunucu yükünü azaltmak için kullanabileceğiniz birçok yöntemden yalnızca birini temsil eder. Yararlı olduğu kadar, bu yöntem yaygın olarak bilinmez veya kullanılmaz ve bugün bunu değiştirmek için buradayız.
Bu yazıda, WordPress Eklenti Süre Sonu Başlıkları konusuna daha fazla ışık tutacağız. Çeşitli bilgi seviyelerine ve geçmişlere sahip daha fazla WordPress kullanıcısının bunun ne olduğunun ve nasıl uygulandığının farkında olması gerektiğine inanıyoruz. O halde lafı daha fazla uzatmadan konuya geçelim ve şu soruları cevaplamaya başlayalım:
-
Expires Headers nedir ve WordPress’te nasıl kullanılır?
-
Bir WordPress eklentisi kullanarak Expires Headers nasıl eklenir?
-
Expires Headers özel kod kullanarak nasıl eklenir
Expires Headers nedir ve WordPress’te nasıl kullanılır?
Bir ziyaretçi web sitenize ilk kez geldiğinde, resim, CSS veya JavaScript dosyaları gibi belirli dosyaların kopyaları indirilir ve tarayıcılarının önbelleğinde saklanır. Daha sonra sonraki her ziyarette, bu dosyaları tekrar indirmek yerine, önbelleğe alınmış sürümler kullanılır. Bu durum genel web sitesi yükleme hızını artırır.
Bu varlıkları sağlayan sunucu, dosyaların önbelleğe alınan sürümlerinin ne kadar süre kullanılacağına karar verir. Ayarlanan süre sona erdiğinde, tarayıcı bu varlıkların daha yeni sürümlerini indirecek ve bunları bir kez daha önbellekte saklayacaktır. Buna sunucunun önbelleğe alma ilkesi denir.
Expires Headers, bu önbelleğe alma politikasının uygulanmasına yardımcı olan bir HTTP başlığıdır. Daha kesin olarak, bir kaynağın veya belirli bir kaynak türünün süresi dolmadan ve yeniden indirilmesi gerekmeden önce tutulması için kesin süreyi belirtmenize olanak tanırlar. Süreç üzerinde daha fazla kontrol için, farklı dosya türleri için farklı sona erme süreleri de belirleyebilirsiniz.
Fakat bunun, web sitesinin ilk yüklenmesi sırasında web sitesi hızını artırmayacağını unutmayın. Bunun yerine, sunucuya giden HTTP isteklerinin sayısını azaltarak sonraki her ziyarette onu iyileştirecektir.
WordPress’te Expires Headers eklerken, hangi dosyaların ne kadar süreyle önbelleğe alınması gerektiğini düşünmeniz gerekir. Genel olarak konuşursak, kaynak türleri için, bu kaynak türlerinin değiştirilmeyeceği süreye karşılık gelen sona erme süreleri belirlemelisiniz.
Görüntüler gibi neredeyse hiç değişmeyen varlıklar için genellikle bir yıllık son kullanma süresi eklenmesi önerilir. Bu durum resimlerini sık sık değiştirme olasılıkları daha yüksek olduğundan, e-ticaret siteleri dışındaki çoğu web sitesi için geçerlidir. Öte yandan, CSS ve JS dosyaları için bu süreyi bir aya ayarlamayı hedeflemelisiniz.
Aşağıdaki bölümde, çoğu web sitesi için geçerli olan sona erme süreleri ile Expires Headers’ın nasıl ayarlanacağını açıklayacağız. Ayrıca Önbellek Kontrolü adı verilen daha modern bir teknik daha olduğunu bilmelisiniz. Daha esnek önbelleğe alma yönergeleri ayarlamanıza olanak tanır. Fakat web sunucuları bu ikisine eşit davrandığı için bu yazımızda Expires Headers yöntemi üzerinde duracağız.
WordPress’te Expires Başlıkları nasıl eklenir
Artık Expires Headers’ın ne olduğu hakkında daha iyi bir fikriniz olduğuna göre, nasıl uygulanabileceğini inceleyelim. Bu işlem, sunucunuzun yapılandırma dosyasında küçük ayarlamalar yapmayı içerir ve bunun için aşağıdaki adımlarda size yol göstereceğiz. Bunu manuel olarak yapmak daha az deneyimli WordPress kullanıcıları için zorlayıcı olabileceğinden, bazı WordPress eklentilerini de dahil edeceğiz. Bunları kullanarak, bu görevi minimum çabayla gerçekleştirebilirsiniz.
WordPress eklentisi kullanma
Bir CMS olarak WordPress’in birçok avantajından biri, yararlı eklentilerin bolluğudur. Bu yüzden WordPress eklentileri dizinine göz atarken Expires Headers eklemeye odaklanan bir eklenti bulmak nispeten kolaydır. Ayrıca tarayıcı önbelleğinden yararlanma, önbelleğe alma veya genel olarak web sitesi optimizasyonu gibi daha geniş kapsamlı eklentileri de arayabilirsiniz.
Expires Headers’ı uygulamanıza yardımcı olacak iki eklenti göstereceğiz. Biri bu amaç için özel olarak tasarlanmış, diğeri ise bu özelliği içeren iyi bilinen bir önbelleğe alma eklentisidir.
-
Süresi Dolmuş Başlıkları Ekle
Ele alacağımız ilk eklenti olan Add Expires Headers & Optimized Minify, bu amaç için daha uzmanlaşmıştır. Dahili kaynaklarınıza son kullanma süresi eklemek ve dosyalarınızı küçültmek için ücretsiz bir eklentidir. Ücretsiz sürüm, sunucunuzdan gelen önbelleğe alınmış kaynaklar için kesin ve farklı son kullanma tarihleri belirlemenize ve ayrıca CSS dosyalarını birleştirmenize, küçültmenize veya satır içi yapmanıza olanak tanır. Eklentinin premium sürümü, harici kaynaklara da son kullanma süresi eklemenizi sağlar.
Ek olarak bu eklenti, ETag’leri ve Gzip sıkıştırmasını kaldırma gibi önbelleğe almayla ilgili diğer iyileştirmeleri ayarlamanıza olanak tanır. Ayrıca genel web sitesi yükünü iyileştirmek için JS dosyalarını birleştirebilecek, küçültebilecek ve erteleyebileceksiniz, ayrıca HTML’yi küçültebileceksiniz.
Dahili kaynaklara bir son kullanma süresi eklemeye odaklanacağız. Yani, eklenti konusunda kararsızsanız, bunu ücretsiz sürümle yapabilirsiniz.
Başlamak için Expires Headers Ekle > Expires Headers Ekle bölümüne gidin. Daha sonra ana ekranın sol tarafında, ilk sekmedeki konumunuzdan (Önbellek Ayarları) beş sekme göreceksiniz. Bu ilk sekmeden, ayrı bölümlerde görüntülendikleri için her bir kaynak türü için sona erme süresini belirtebileceksiniz.
Ayrıca Expires Headers’ı uygulamanız gerekmeyen tam kaynak türlerini ve hatta kaynak bölümlerini kontrol edebilir veya işaretlerini kaldırabilirsiniz. Bu durum önbelleğe alma özelliği üzerinde ekstra bir kontrol katmanı sağlar.
Expires Headers eklemek istediğiniz kaynak türlerini seçtikten ve tam gün sayısını belirledikten sonra, istediğiniz ayarları uygulamak için alttaki Gönder düğmesine basın.
-
W3 Toplam Önbellek
Göstereceğimiz diğer eklenti, genel olarak web sitesi optimizasyonuna odaklandığından daha çok yönlüdür. Bu eklenti W3 Total Cache’dir. Önbelleğe alma ve küçültme ile ilgili çok çeşitli seçeneklerle gelen başka bir ücretsiz eklentidir. Seçeneklerin çoğu, eklentinin ücretsiz sürümünde mevcuttur. Bununla birlikte premium sürüm, diğerlerinin yanı sıra parça ve REST API önbelleğe alma, Google Haritalar için yavaş yükleme, WPML önbelleğe alma uzantısı ve premium destek gibi özellikler sunar.
Şimdi bunun sizin için bir eklenti olduğundan emin değilseniz, ücretsiz sürüm ihtiyacımız olan tüm özelliklere sahiptir, bu yüzden deneyebilirsiniz. Cache-Control, Expires Headers ve ETag’ler gibi tarayıcı önbelleğe almayla ilgili çeşitli yöntemler sunar. Expires Başlıklarına odaklanacağız.
Başlamak için Performans > Tarayıcı Önbelleği bölümüne gidin. Daha sonra sağdaki Genel alt bölümünde Set sona erme başlığı seçeneğini bulun. Bu seçeneği işaretleyin ve Expires Headers’ı eklenti içinde önceden tanımlanmış değerlerle uygulayacaktır.
Özel kod kullanma
WordPress add Expires Headers yöntemini uygulamanın başka bir yolu da sunucunuzdaki yapılandırma dosyasını düzenlemektir. Bu yüzden ayarlar üzerinde daha fazla kontrol istiyorsanız, bir eklenti kullanmayı atlayabilir ve Expires Başlıkları eklemenin bir yolu olarak özel kodu seçebilirsiniz.
Adımlar, bir Apache veya Nginx sunucusu kullanıp kullanmadığınıza bağlı olarak farklılık göstereceğinden, öncelikle web siteniz tarafından ikisinden hangisinin kullanıldığını bulmanız gerekir. Bunu anlamanın en kolay yolu barındırma sağlayıcınıza sormaktır. Aksi takdirde aşağıda açıklayacağımız tarayıcınızın geliştirici araçlarını kullanarak web sitenizi inceleyebilirsiniz.
Bunu yapmak için web sitenizin sayfalarından birini açın ve o sayfanın herhangi bir yerine sağ tıklayın. Ardından açılan menüden İncele seçeneğini seçin.
Bu durum web sitenizin geliştirici araçlarını açacak ve sizi Öğeler sekmesinde sağ tıkladığınız öğenin üzerine konumlandıracaktır. Ağ sekmesine geçin ve ilgili filtreyi seçerek Tüm isteklerin gösterildiğinden emin olun. Altta herhangi bir istek görmüyorsanız, sayfayı yeniden yüklemek için Ctrl + R tuşlarına basın.
Daha sonra Ad bölümünden web sitenizin URL’sini görüntüleyen isteği bulun. Üzerine tıkladıktan sonra, bilgileri sağdaki Başlıklar sekmesinde görüntülenecektir. İçinde Yanıt Başlığı alt bölümünü bulun ve açın. Sunucu: etiketinden sonra gösterilen verilerden web sitenizin hangi sunucuyu kullandığını bulabileceksiniz.
Bundan sonra, uygun sunucu türü için talimatlara atlayın.
-
Apaçi
Apache için, FTP kimlik bilgilerinizi kullanarak sunucuya bağlanın ve web sitenizin genellikle public_html olarak adlandırılan kök WordPress dizinine gidin. İçindeki .htaccess dosyasını bulun ve üzerine sağ tıklayın. Daha sonra devam etmeden önce bu dosyayı yedek olarak indirmenizi öneririz. İndir seçeneğine bastığınızda, bir şeyler ters giderse diye .htaccess dosyasının yedek bir sürümüne sahip olursunuz.
Bundan sonra, hala sunucunuzda bulunan .htaccess dosyasına sağ tıklayın ve Görüntüle/Düzenle seçeneğini seçin. .htaccess dosyasını bulamamanız durumunda, FTP istemcinizde gizli dosyaları görüntüleme seçeneklerini etkinleştirdiğinizden emin olun. Daha sonra yukarıda belirtilen şekilde ilerleyin.
.htaccess dosyasını tercih ettiğiniz metin düzenleyiciyi kullanarak açın ve aşağıdaki kodu dosyanın başına ekleyin.
<IfModule mod_expires.c> ExpiresActive On # Images 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 image/webp "access plus 1 year" ExpiresByType image/svg+xml "access plus 1 year" ExpiresByType image/x-icon "access plus 1 year" # Video ExpiresByType video/webm "access plus 1 year" ExpiresByType video/mp4 "access plus 1 year" ExpiresByType video/mpeg "access plus 1 year" # Fonts ExpiresByType font/ttf "access plus 1 year" ExpiresByType font/otf "access plus 1 year" ExpiresByType font/woff "access plus 1 year" ExpiresByType font/woff2 "access plus 1 year" ExpiresByType application/font-woff "access plus 1 year" # CSS, JavaScript ExpiresByType text/css "access plus 1 month" ExpiresByType text/javascript "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" # Others ExpiresByType application/pdf "access plus 1 month" ExpiresByType image/vnd.microsoft.icon "access plus 1 year" </IfModule>
Daha sonra yaptığınız değişiklikleri kaydedin ve şu anda orada olan sürümünü geçersiz kılmak için dosyayı sunucuya geri yükleyin.
-
Nginx
Nginx kullanıcılarının, Expires Headers’ı Apache kullanıcılarından farklı bir şekilde eklemeleri gerekecektir. İşlem, sunucunuzun yapılandırma dosyasını düzenlemeyi içerir. Bu dosyanın konumu barındırma sağlayıcınıza bağlı olduğundan, onlardan yardım istemenizi öneririz.
İhtiyacınız olan dosyayı bulduğunuzda, ona aşağıdaki kodu ekleyin:
location ~* \.(jpg|jpeg|gif|png)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 30d;
}
Yukarıdaki kodlarda kullandığımız varsayılan değerlerin çoğu web sitesinde çalışacağını bilmelisiniz. Fakat web sitenizde kullanılan dosya türlerine ve bunların önbelleğe alınmasına ilişkin gereksinimlerinize bağlı olarak bu süre sonu sürelerini farklı şekilde ayarlamanız gerekebilir.
Bundan sonra geriye kalan tek şey sonuçları kontrol etmektir. Bunu, online web sitesi performans testini yeniden çalıştırarak ve şimdi aldığınız Expires Headers ile daha önce sahip olduğunuz metriklerdeki değişikliği inceleyerek yapabilirsiniz. Web sitenizin hız testi bu ölçümleri göstermediyse, bir sayfayı inceleyerek web sitenizin HTTP isteklerini de inceleyebilirsiniz. Daha sonra her HTTP isteğinin Yanıt üstbilgilerindeki Expires: bölümünü tek tek inceleyerek arayın.
Örnek:
Alternatif olarak, her HTTP isteğini kontrol etmek yavaş olabileceğinden, online bir önbellek denetleyicisi de kullanabilirsiniz. Web sitenizin URL’sini girdikten ve Kontrol Et düğmesine bastıktan sonra, önbelleğe alınan kaynakların bir listesini, bunların sona erme sürelerini ve önbellek türünü görmelisiniz. Web sitenizin yapılandırmasına bağlı olarak, Expiry Headers’ı mı yoksa Cache-Control önbellek türünü mü kullandığınızı da belirtmelidir.
Son bir hatırlatma olarak, Expires Headers yöntemi, dahili olarak bir sona erme süresi ayarlamak için kullanılır…