.htaccess kullanarak site sayfalarını önbelleğe alma - Önbellek

Bu makaleyi dinle

.htaccess ile site sayfalarını önbelleğe alma. Teknik optimizasyonun eşit derecede önemli bir aşaması, gzip sıkıştırma veya CSS küçültmenin dahil edilmesidir. Önbellek sayfalarını ve dosyalarını etkinleştirmek, sitenin hızını önemli ölçüde artırmanıza olanak tanır. Ayrıca bazen sunucu üzerindeki yükü azaltır. Basit manipülasyonlar sayesinde siteniz uçmaya başlayacaktır.

Bu yazıda, bu konunun tüm yönleri hakkında konuşacağız. Önbelleğin site ve uygulaması için önemi nedir? Pratikte uygulayabileceğiniz örnekleri anlatacağım. Artı, WordPress için bazı oldukça iyi Önbellek eklentilerinin kısa bir incelemesi olacak.

Makalenin içeriği:

• Site önbelleği nedir - önbelleğe alma bir siteyi nasıl etkiler?
• Site önbelleğe alma nasıl etkinleştirilir ve yapılandırılır
• Kod Başlığı Cache-Control'ü ayarladı
• Zorunlu önbelleğe almayı devre dışı bırakan "FilesMatch" yapısına bir örnek
• Basit Önbellek Kodu
• Önbellek için daha ciddi bir kullanım örneği
• Kullanıcı tarafında tarayıcıda önbelleğe almayı 3 - 7 gün veya bir yıl boyunca yapılandırma
• İçerik önbelleği (Flash, CSS, JS, HTML, XML) ve resimler
• WordPress eklentileri ile önbelleğe alma

Site önbelleği nedir - önbelleğe alma bir siteyi nasıl etkiler?

Basit bir ifadeyle, önbelleğe alma - bu, tarayıcıdaki kullanıcıdan siteyle ilgili bilgilerin kaydedilmesidir. Böylece sunucu üzerindeki ana yük azaltılır. Kaydedilmiş kısmı kullanıcının tarayıcısı tarafından yükleneceği için sitenin önemli bir kısmının yüklenmesi gerekmeyecektir. Bu, sitenin yüklenmesini hızlandırmak için son derece etkili bir yöntemdir.

Önbellek veya önbellek veya Önbellek, hızlı erişime sahip bir ara panodur. Sıkça talep edilen bilgileri saklamak ve içermek. Önbellekteki verilere erişim, daha yavaş bellek kaynaklarından daha hızlıdır. Ancak bir hafıza sınırı vardır. Basit bir dille Önbellek kısa bir hafızadır.

Aynı zamanda önbelleğe alma kullanıcıya zarar vermez. Ancak projenizin tarayıcısında görüntülenmesini iyileştirir. Bu nasıl olur! Kullanıcı siteyi ziyaret ettiğinde. Yüklemesi olması gerekenden biraz daha yavaş. Bunun nedeni, tarayıcının şu anda sitenin bir kopyasını kaydetmesidir. Bu, büyük ölçüde aşağıdakiler için geçerlidir:

1. logolara;
2. küçük resimler;
3. css dosyaları;
4. genel sayfa yapısı.

Böylece, sitenin bir kısmı sürekli olarak kullanıcının tarayıcısının hafızasında (önbellekte) bulunur. Bu nedenle, siteyi yeniden yüklerken ziyaretçi mümkün olan en yüksek yanıt hızını alır. Tarayıcı şu anda bazı öğeleri belleğinden kaldırıyor. Ve site, büyük miktarda bilgiyi yeniden iletmeye gerek yoktur.

Sitede önbellek etkinleştirildiğinde ve yapılandırıldığında. Belirli bir kısmı, ziyaretçinin tarayıcısının yerel önbelleğinde gerekli süre boyunca saklanacaktır. Tekrarlanan ziyaretlerde hangi web sayfalarının çok daha hızlı yükleneceği.

Site önbelleğe alma nasıl etkinleştirilir ve yapılandırılır

Bunu yapmak hiç de zor değil. Sunucu için kuralları belirleyen htaccess dosyası ile çalışmaya devam edeceğiz. Bununla nasıl çalışılacağını birçok makalede anlattım. Bu yüzden doğrudan konuya geleceğim. Standarda göre önbelleğe alma, gerekli dosyalar için ve belirli bir süre için ayarlanmıştır. Dosyanın saklanması için ayrılan sürenin sona ermesinden sonra, güncel sürümü sunucudan tekrar indirilecektir. Bunun için ihtiyacınız var:

• FilesMatch türünde bir yapı oluşturun. İçinde, önbelleğe alma için gerekli dosya uzantılarını belirtiyoruz.
• Ardından, max-age değişkeni ile Cache-Control başlığını belirtiyoruz. Burada Cache-Control, sunucu yanıt başlığıdır. Max-age, dosya depolama süresini saniye cinsinden belirten bir değişkendir.

FilesMatch yapısında kullanılan uzantıların tipik bir listesi:

(ico|pdf|flv|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|ttf|svg|eot)(\.gz)

Önbelleğe almak istemediğiniz dosyaların FilesMatch yapısının listesine dahil edilmesi gerekmez.

Kod örneği Başlık seti Cache-Control

# Önbellek Kontrolü # 30 gün Başlık ayarı Cache-Control "max-age=2592000, public" # 30 gün Başlık ayarı Cache-Control "max-age=2592000, public" # 2 gün Başlık, Cache-Control "max-age=172800, public, must-revalidate" ayarını yaptı

Değer -#- yorum yapın! Gördüğünüz gibi, yorumlar dosyaların kaydedileceği terimleri belirtir. Zorunlu önbelleği devre dışı bırakma seçeneği de vardır. Bu seçenek dinamik dosyalar için uygundur. Komut dosyaları ve çeşitli senaryolarla daha fazla ilgili.

Zorunlu önbelleğe almayı devre dışı bırakan "FilesMatch" yapısına bir örnek

Başlık ayarını kaldır Cache-Control

Gördüğünüz gibi, son tarih yok. Bu nedenle, bu dosya uzantıları önbelleğe alınmayacaktır. Bu tasarımda dosya uzantılarınızı ekleyebilirsiniz.

Önbelleği yönetmenin başka bir yolu da vardır - bu, WordPrees'teki birçok eklenti tarafından kullanılır. Bu yöntemde mod_expires modülünü kullanacağız. Bu modül, sunucu tarafında HTTP yanıt başlıklarını kontrol etme yeteneğine sahiptir. Burada önbellekte veri depolamanın ana zamanı sizin tarafınızdan ayarlanabilir.

Veri depolama süresi için çeşitli ayarlara sahiptir:

1. istemci erişim süresine göre;
2. veya dosyanın son değişikliği ile;
3. zaman ayarı;

Basit Önbellek Kodu Örneği

# Expires Headers - 2678400s = 31 gün ExpiresActive On ExpiresDefault "erişim artı 1 saniye" ExpiresByType text/html "erişim artı 7200 saniye" ExpiresByType image/gif "erişim artı 2678400 saniye" ExpiresByType image/jpeg "erişim artı 2678400 saniye" ExpiresBy type image / png "erişim artı 2678400 saniye" ExpiresByType text/css "erişim artı 518400 saniye" ExpiresByType text/javascript "erişim artı 2678400 saniye" ExpiresByType application/x-javascript "erişim artı 2678400 saniye"

Önbellek için daha ciddi bir kullanım durumu

ExpiresActive On ExpiresByType text/css A31536000 ExpiresByType text/x-component A31536000 ExpiresByType application/x-javascript A31536000 ExpiresByType application/javascript A31536000 ExpiresByType text/javascript A31536000 ExpiresByType text/x -js A31536000 ExpiresByType text/html A3600 ExpiresByType text/richtext A3600 ExpiresByType resim /svg+xml A3600 ExpiresByType text/plain A3600 ExpiresByType text/xsd A3600 ExpiresByType text/xsl A3600 ExpiresByType text/xml A3600 ExpiresByType video/asf A31536000 ExpiresByType video/avi A31536000 ExpiresByType image /bmp A3 1536000 ExpiresByType uygulaması/java A31536000 ExpiresByType video/divx A31536000 ExpiresByType application/msword A31536000 ExpiresByType application/vnd.ms-fontobject A31536000 ExpiresByType application/x-msdownload A31536000 ExpiresByType image/gif A31536000 ExpiresByType application/x-gzip A31536000 ExpiresByType image/x -icon A31536000 ExpiresByType resim/jpeg A31536000 ExpiresByType resim/webp A31536000 ExpiresByType application/json A31536000 ExpiresByType application/vnd.ms-access A31536000 ExpiresByType audio/midi A31536000 ExpiresByType video/quicktime A31536000 ExpiresByType audio/mpeg A31536000 ExpiresByType video/mp4 A31536 000 Expires piresByType video/mpeg A31536000 ExpiresByType application/vnd.ms-project A31536000 ExpiresByType application /x-font-otf A31536000 ExpiresByType application/vnd.ms-opentype A31536000 ExpiresByType application/vnd.oasis.opendocument.database A31536000 ExpiresByType application/vnd.oasis.opendocument.chart A31536000 ExpiresByType application/vnd.oasis.opendo cument.formula A31536000 ExpiresByType uygulama/vnd.oasis.opendocument.graphics A31536000 ExpiresByType uygulama/vnd.oasis.opendocument.sunum A31536000 ExpiresByType uygulama/vnd.oasis.opendocument.spreadsheet A31536000 ExpiresByType uygulama/vnd.oasis.opendocument.text A315360 00 ExpiresByType audio/ogg A31536000 ExpiresByType uygulama /pdf A31536000 ExpiresByType image/png A31536000 ExpiresByType application/vnd.ms-powerpoint A31536000 ExpiresByType audio/x-realaudio A31536000 ExpiresByType image/svg+xml A31536000 ExpiresByType application/x-shockwave-flash A31 536000 ExpiresByType uygulaması/x-tar A31536000 ExpiresByType image/ tiff A31536000 ExpiresByType uygulaması/x-font-ttf A31536000 ExpiresByType uygulaması/vnd.ms-opentype A31536000 ExpiresByType audio/wav A31536000 ExpiresByType audio/wma A31536000 ExpiresByType uygulaması/vnd.ms-write A3153 6 000 ExpiresByType uygulaması/font-woff A31536000 ExpiresByType uygulama/yazı tipi -woff2 A31536000 ExpiresByType application/vnd.ms-excel A31536000 ExpiresByType application/zip A31536000

Gördüğümüz gibi, burada çok sayıda uzantı etkileniyor. Aynı raf ömrü ile.

Kullanıcı tarafında tarayıcıda 3 - 7 gün veya bir yıl boyunca önbelleğe alma

Burada, dosya uzantılarının büyük kısmı bir yıl süreyle saklanacaktır. Bu, büyük ölçüde görüntüler için yararlıdır, çünkü çok az kişinin onları değiştirdiğini düşünüyorum. Böylece yıl boyunca ziyaretçinin tarayıcısına yüklenecektir.

# Kullanıcı tarafı tarayıcı önbelleğe alma ExpiresActive On ExpiresDefault "7 gün erişim" ExpiresByType uygulama/javascript "erişim artı 1 yıl" ExpiresByType metin/javascript "erişim artı 1 yıl" ExpiresByType metin/css "erişim artı 1 yıl" ExpiresByType metin/html " erişim artı 7 gün" ExpiresByType text/x-javascript "erişimi 1 yıl" ExpiresByType image/gif "erişimi artı 1 yıl" ExpiresByType image/jpeg "access plus 1 yıl" ExpiresByType image/png "erişimi artı 1 yıl" ExpiresByType image/jpg " erişim artı 1 yıl" ExpiresByType image/x-icon "erişim 1 yıl" ExpiresByType uygulama/x-shockwave-flash "erişim 1 yıl" ExpiresByType js "erişim 3 gün"

İçeriği önbelleğe alma (Flash, CSS, JS, HTML, XML) ve resimler

Bu örnekte, önbelleği yalnızca belirli dosyalar için kullanıyoruz. Ve daha kısa bir süre için.

ExpiresActive On # Görüntü Önbelleği ExpiresByType image/x-icon "erişimi artı 2592000 saniye" ExpiresByType image/jpeg "erişimi artı 2592000 saniye" ExpiresByType image/png "erişimi artı 2592000 saniye" ExpiresByType image/gif "erişimi artı 2592000 saniye" # önbellek içeriği (Flash, CSS, JS, HTML, XML) ExpiresByType uygulaması/x-shockwave-flash "erişimi artı 2592000 saniye" ExpiresByType metni/css "erişimi artı 604800 saniye" ExpiresByType metni/javascript "erişimi artı 2592000 saniye" ExpiresByType uygulaması/javascript " erişim artı 2592000 saniye" ExpiresByType uygulaması/x-javascript "erişim artı 2592000 saniye" ExpiresByType text/html "erişim artı 600 saniye" ExpiresByType uygulaması/xhtml+xml "erişim artı 600 saniye"

Sayfaların ve site dosyalarının önbelleğe alınmasını ayarlamak o kadar da zor bir şey değil. Ana şey doğru stratejiyi seçmektir. Yukarıdaki örneklerin tümü, kendi takdirinize bağlı olarak kullanabilirsiniz. Stratejileri test edin ve doğru kod seçeneğini seçin. Aşağıda WordPress için bazı Önbellek eklentilerinden bahsedeceğim.

WordPress eklentileriyle önbelleğe almayı ayarlama

CMS WordPress kullananlar için çok çeşitli önbellek eklentileri vardır. Hepsinin tam özellikli bir çözümü ve otomatik yapılandırması vardır. Bu tür eklentileri kullanırken herhangi bir özel sorun olmamalıdır. Böyle bir eklenti kurduktan sonra, ihtiyacınız olan ayarları uygulamanız yeterlidir. Eklenti bunları otomatik olarak htaccess dosyasına kaydeder.

WP En Hızlı Önbellek

WP için popüler ve oldukça güçlü bir önbellek eklentisi. HTML, CSS ve J'lerin optimizasyonu dahil olmak üzere çok sayıda çeşitli ayara sahiptir. Acemi bir kullanıcı bile anlayabilir.

WP Süper Önbellek

Çok popüler eklenti! Mükemmel işlevsellik ve uygun ayarlar. Çok sayıda farklı nesneyi önbelleğe alma yeteneğine sahiptir. Eklentiyi kurmak çok basittir.

W3 Toplam Önbellek

Büyük siteler için güçlü çözüm. Türünün en popüler eklentisi. Çok çeşitli ayarlar ve işlevler vardır. Kritik hatalara neden olabileceğinden dikkatli bir şekilde yapılandırmanız gerekir. Diğer eklentiler veya temalarla çakışma olasılığı vardır. Ancak işlevsellik açısından çok iyi ve güçlü bir eklenti.

Bunlar, benim de kullandığım ana ve en popüler önbellek eklentileridir. Tercihlerinize bağlı olarak herhangi birini seçebilirsiniz.

Nihayet

Bu yazıda önbelleğe alma konusunu mümkün olduğunca ele almaya çalıştım. Özelliklerinize bağlı olarak kullanılabilecek örneklerin belirtilmesi. Bu kılavuzla önbelleğe almayı ayarlamak sizin için saat gibi ilerleyecektir. Umarım bu makale uzun süre alakalı olur. İlginiz için teşekkür ederim ama hoşçakal demiyorum. Sonraki yazılarda görüşmek üzere.

Bu makaleyi okumak:

• Bir web sitesi için robots.txt dosyası nasıl oluşturulur - robotları düzeltin
• Htaccess dosyası - yeni başlayanlar için bir .htaccess dosyası oluşturma talimatı

Okuduğunuz için teşekkürler: SEO YARDIMI | NICOLA.ÜST