WordPress Tarayıcı Önbelleğe Alma

Yayınlanan: 2015-05-18

Süresi dolan önbelleğe alma olarak da bilinen kaldıraçlı tarayıcı önbelleğe alma özelliğini kullanarak WordPress web sitenizi önemli ölçüde hızlandırın.

Birçok hız optimizasyonu ve test sağlayıcısı buna “ Tarayıcı Önbelleği ”, “ Tarayıcı Önbelleğinden Yararlanma ”, “ Başlıkların Süresi Doluyor ”, “ Önbellek Başlıkları ”, “ Önbellek Kontrolü ” ve “ Web Önbelleği ” olarak atıfta bulunacaktır. Google PageSpeed ​​Insights tarafından belirtildiği gibi, GTMetrix ve MaxCDN, doğru şekilde kurmak için bu kılavuzu takip eder.

Tarayıcı Önbelleğe Alma nedir?

Tarayıcı önbelleğe alma , web sunucunuzun tarayıcıya bir sayfayı veya belirli kaynakları belirli bir süre saklamasını söyleme yöntemidir, böylece sayfalar her yüklendiğinde sunucudan indirilmeleri gerekmez. Bu, tüm bir sayfayı ve/veya JavaScript, CSS, resimler (jpeg, png, gif, vb.) ve çok daha fazlası gibi kaynakları önbelleğe alabilir.

WordPress web siteniz ilk kez her kullanıcı için normal şekilde yüklenir, ancak daha sonra sayfalara göz atarken ve eylemler gerçekleştirirken gözle görülür şekilde daha hızlı olacaktır. Kaynaklar tarayıcıda depolanır ve sonuç olarak yeniden indirmek yerine yerel olarak yüklenir.

Tarayıcı Önbelleğe Alma Önemi

Sonuç olarak, tarayıcı önbelleğe almanın amacı ve önemi, kullanıcılarınızın daha keyifli bir deneyim yaşamaları için WordPress web sitenizi hızlandırmaktır . Bu, trafiğin artmasına, daha iyi arama sıralamalarına ve hatta elde etmeye çalıştığınız şey için daha iyi dönüşüm oranlarına yol açabilir.

Ek bir avantaj olarak, aynı ziyaretçi için her sayfa yüklemesinde kaynak indirmeyerek web sunucunuzdaki yük alınır ve web sunucunuzda da bant genişliği tasarrufu sağlanır.

Web önbelleği, sunucuya ve kullanıcıya karşılıklı hız sağlar

Tarayıcı Önbelleğini Uygulama

WordPress web sitenizde kaldıraçlı tarayıcı önbelleğe almayı ayarlamak aslında çok hızlı ve kolaydır, ancak kurulum, kurulumunuza ve kullandığınız web sunucusuna göre değişebilir. Varsayılan olarak, en yaygın kurulum bir Apache web sunucusunda çalışan WordPress'tir, ancak Nginx, IIS, vb. Gibi başka popüler web sunucuları da vardır.

Bir WordPress Kaldıraç Tarayıcı Önbelleğe Alma Eklentisi kullanmak, uygulamayı basitleştirir.

Bunu daha da kolaylaştırmak için, birkaç WordPress kaldıraçlı tarayıcı önbelleğe alma eklentisi mevcuttur. WordPress Kaldıraç Tarayıcı Önbelleğe Alma Ninjaları eklentisini kullandık, test ettik ve tavsiye ettik. Gerisini sizin için yapan bir yükleme ve etkinleştirme eklentisidir, bu kadar basit.

Apache Tarayıcı Önbelleği

Apache, tarayıcı önbelleğe almak için bir .htaccess dosyası kullanır. WordPress kurulumunuzun kök dizininde bir .htaccess dosyası olmalıdır ve eğer yoksa, bir tane oluşturup aşağıdaki kod satırlarını en üste koyabilirsiniz:

## EXPIRES CACHING ##
<IfModule mod_expires.c>
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"
</IfModule>
## EXPIRES CACHING ##

(https://Gist.github.com/tribulant/36be0f683eedfa468f51)

Nginx Tarayıcı Önbelleğe Almadan Yararlanma

Bir Nginx (Engine-ex) sunucusu çalıştırıyorsanız, kurulum yukarıdaki Apache'den farklıdır. Aşağıdaki kodu, genellikle /etc/nginx/sites-enabled/default bulunan vhost yapılandırma dosyanıza eklemek isteyeceksiniz. Aşağıdakileri sunucu bloğunuza ekleyin:

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

(https://Gist.github.com/tribulant/19bb56a222af41854ecc)

Işıkhttpd

mod_expire modülü, içeriğin tarayıcı tarafından önbelleğe alınmasını sağlayan başlıkları kontrol etmek için Lighttpd tarafından kullanılır. Bu, buna göre Lighttpd'nin çekirdeğinin yapılandırmasına girebilir.

$HTTP["url"] =~ "^/images/" {
expire.url = ( "" => "access plus 1 hours" )
}

(https://Gist.github.com/tribulant/26263533eee33e3b61ed)

Microsoft IIS, Tarayıcı Önbelleğinden Yararlanma

IIS (İnternet Bilgi Servisleri) için tarayıcı önbelleğini ayarlamak çok kolaydır.

Administration Tools arayüzünde seçin ve özelliklerini getirin. HTTP Headers sekmesini seçtikten sonra iki ilginç alan görmelisiniz; Enable Content Expiration ve Custom HTTP headers etkinleştirin. İlki kendi kendini açıklayıcı olmalı ve ikincisi Cache-Control başlıklarını uygulamak için kullanılabilir.

Tarayıcı Önbelleğe Alma Teknikliği

Tarayıcı önbelleğe alma, HTML gönderilmeden önce tarayıcıya HTTP üstbilgileri göndererek web sunucusu tarafından sağlanır. Tarayıcıya, içerik türü, geçerli tarih, sunucu ayrıntıları, önbellek kontrolü ve sona erme vb. gibi takip etmek üzere olan HTML içeriği hakkında belirli şeyler söylerler.

Cache-Control , Expires ve Etag başlıkları, tarayıcı önbelleği talimatlarını veren başlıklardır. Bu başlıklar, Apache, Nginx ve IIS'de buna göre tarayıcı önbelleğinden yararlanmak için yukarıda belirtilen yöntemlerle otomatik olarak oluşturulur, böylece ilgilenmediğiniz sürece ayrıntılara girmenize gerek kalmaz.

Önbellek Kontrol Başlığı

Cache-Control , tarayıcıya içeriğin ne kadar süreyle "yeni" kabul edildiği, önbelleğe almanın genel/özel durumu, doğrulama ve daha fazlası gibi belirli talimatlar verir.

Önbellek Kontrolü: maksimum yaş=3600, herkese açık

(https://Gist.github.com/tribulant/630926734d3c127064c)

Sona Erme Başlığı

Expires başlığı, yalnızca kaynağın ne zamana kadar önbelleğe alınabileceği ve önbelleğe alınabileceğine kadar bir HTTP tarihi sağlar.

Bitiş: Cts, 28 Kas 2015 05:36:25 GMT

(https://Gist.github.com/tribulant/1b655d60a8a665b18b85)

Etiket Başlığı

Etag , sunucu tarafından gönderilen ve tarayıcı tarafından içeriğin temsilinin değişip değişmediğini kontrol etmek için kullanılan bir belirteçle bir doğrulama yöntemi olarak HTTP 1.1'de tanıtıldı. Etag kadar, tarayıcılar çoğunlukla Last-Modified başlığını kullanıyordu, ancak Etag şimdi daha alakalı. Çoğu web sunucusu zaten hem Last-Modified hem de Etag başlıklarını oluşturacaktır.

Etiket: “pub1259380237;gz”

(https://Gist.github.com/tribulant/2b542d76410bc047be00)

Tarayıcı Önbelleğe Alma İşleminin Sonuçları

Tarayıcı önbelleğe alma, her iki tarafa da hız ve performans sağlayarak hem sizin (web sunucunuz) hem de kullanıcılarınız için karşılıklı yarar sağlar.

Tarayıcı önbelleğe alma ile, güçlü ve agresif olun, web sunucunuz, kullanıcıların gerektiğinde yeni içerik alması için güncellenmiş başlıklar oluşturmak için kaynakların ne zaman değiştiğini bilecek kadar akıllıdır. Kullanıcılarınız eski içeriklere takılıp kalacak diye panik yapmayın, öyle değil.

Web tarayıcı önbelleğe alma, WordPress web siteleri için şiddetle tavsiye edilir ve nihayetinde önerilen WordPress Kaldıraç Tarayıcı Önbelleğe Alma Eklentisi hile yapacaktır. Sadece kurun, etkinleştirin ve işiniz bitti!