WordPress

WordPress İçin Gzip Sıkıştırmasını Kolayca Etkinleştirme

By 5 Ocak 2019 Mart 24th, 2019 18 Comments
WordPress İçin Gzip Sıkıştırmasını Kolayca Etkinleştirme

WordPress Gzip Sıkıştırma Nedir?

WordPress kullanan bir web sitesi sahibi olarak, web sitesi hızının ve sayfa yükleme süresinin önemini muhtemelen biliyorsunuzdur.

Websitenizin ziyaretçiler için ne kadar hızlı erişilebilir olduğu, hemen çıkma oranını, kullanıcı deneyimini, arama sonuçlarına sıralama gibi (hız bir sıralama faktörü olduğu için) ve çok daha fazlasını etkiler.

Aslında yükleme hızı o kadar önemlidir ki, bir süre önce bu konuyla ilgili bir makale yayınlamıştım.

Gzip sayfa sıkıştırma ile sitenizi bir nebze olsun rahatlatmak ve hızlandırmak mümkündür. Ancak bu işlemlerde başarı sağlamak için wordpress gzip tekniğini kullanacağız..

Baştan başlayalım.. Gzip Sıkıştırmanın Faydası ne?

Gizp ile sıkıştırma SEO çalışmalarının vazgeçilmezi, sitenizin iyileştirilmesi ve geliştirilmesi için yapılan bir dosya sıkıştırma işlemidir.

Bu işlemler genel itibari ile Arama motorları ve ziyaretçileriniz tarafından web sitelerinize yapılan girişleri hızlandırmak için yapılmaktadır. Gzip sıkıştırmaları ile web sitenizin kapladığı dosya yükünü % 70 oranında azaltabilirsiniz. Bunu sağladığınız takdirde göreceksiniz ki siteniz oldukça fark edilebilir bir şekilde hız kazanacaktır.

Tüm bu durumlar ziyaretçilerinizin bekleme süresinin azalması ve sitenizde var olan içeriğin ziyaretçiler tarafından görülmeden ayrılmaması anlamına gelmektedir. Tüm bunları elde etmek için yapmanız gereken sunucunuz tarafında bulunan web sitenizin kullandığı dosyaları ziplenmiş ya da sıkıştırılmış hale getirmekten geçer. Bu şekilde işlemler gerçekleştirerek dosyanızın boyutunu küçültebilir, hızlı bir görüntü ve içerik aktarımı sağlayabilirsiniz.

Seo Çalışmaları İçin Neden Önemli?

Bir siteyi ziyaret ettiğinizde, bir link bağlantısına tıkladığınızda ya da kullanmış olduğunuz tarayıcının penceresinde ekranınıza bir şey yansıdığında o sayfanın görünür olması oldukça önemli bir noktadır. İlk olarak, kullanmış olduğunuz tarayıcınız size bir istek gönderecektir.

Önerilen Yazı →   Daha hızlı çalışmak için Wordpress Klavye Kısayolları

Burada önemli olan istek doğrultusunda ortaya çıkacak olan görüntünün en kısa süre içerisinde ekranınıza yansımasıdır. Eğer ki bu görüntü ekranınıza hızlı bir şekilde yansımıyorsa bu web siteniz için hiç iyi bir durum değildir. Bu neden ile gzip ile sıkıştırma sitenizin gelişmesinde, seo çalışmalarında ve sitenizin hızlanmasında oldukça hayati bir öneme sahiptir.

Gzip Sıkıştırma Nasıl Yapılır?

Bilindiği üzere gzip compression seo çalışmalarının temel yapı taşlarından biridir. Bu neden ile sitenizi geliştirmek ve arama motorlarında üst sıralara çıkmak isterseniz bu işlemin ne olduğunu ve nasıl yapıldığı konusunda ayrıntılı bir şekilde bilgi sağlamanız önemlidir. Tüm bu işlemler hakkında bilgi sağlamanız size oldukça fayda getirecektir.

Gzip sıkıştırma tekniğinin ne olduğunu öğrendiyseniz ve sıra nasıl uygulanacağı konusuna geldiyse, bu durumda imdadınıza htaccess isimli dosya koşacaktır.

WordPress Gzip Eklentisi

WordPress’in Enable Gzip compression eklentisini sitenize kurarak, hız sorununu giderebilirsiniz. WordPress sitenizin tüm sayfaların html olarak sıkıştırılmasını sağlamaktadır. Bu compress işlemi %90’lara kadar çıkabilir. WordPress sitelerinizin, hız sorununu ortadan kaldırıp daha hızlı bir şekilde açılmasını sağlıyor. Html sıkıştırılması SEO açısından etkili bir kriterdir. WordPress Gzip Eklentileri aktifleştirdikten sonra sıkıştırma işlemi otomatik olarak başlamaktadır. Yapmanız gereken herhangi bir ayar yoktur.

.Htacces dosyasına gzip modu ile yazının devamına bir kaç satır kod eklemesi yaparak sunucunuz içerisinde yer alan dosyalarınızı sıkıştırma işlemlerinizi gerçekleştirebilirsiniz. Tüm bu işlemleri başarılı bir şekilde sağlamanız halinde % 70 e oranında sunucu boyutunuzu azaltma imkanı bulabilirsiniz. Ancak unutmamanız gerekir ki sunucuda Gzip modunun aktif olması gerekmektedir. Aksi bir durumda yapacağınız işlemlerde hata uyarısı alabilirsiniz.

Gzip Sıkıştırma – Site Performansını Geliştirme

İşte burada imdadımıza .htaccess dosyası  koşuyor wordpress gzip htaccess ile  bir kaç satır kod ekleyerek sunucu içinde dosyalarımızı sıkıştırıp dosya boyutumuzu azaltabiliriz.

Önerilen Yazı →   Ücretsiz WordPress Blog Teması "Revenue"

Filezilla yada diğer ftp programları ile hostinginize bağlandıktan sonra public_html klasörünün altındaki .htaccess dosyasını açıp aşağıdaki kodları eklememiz yeterli…

.htaccess dosyasını notepad gibi bir düzenleyicide açıp kolayca ekleyebilirsiniz. Hız isteyenlere şimdiden kolay gelsin. Takıldığınız yerleri yorum bölümünden sorabilirsiniz.

WordPress Gzip Sıkıştırma

Aşağıdaki WordPress gzip kodunu .htaccess dosyasına düzgün bir şekilde yapıştırdığınızda google pagespeed gzip değerlerinizin olumlu olarak değiştiğini göreceksiniz.

FTP’ye bağlanıp public_html yada httpdocs klasörünün altındaki .htaccess dosyasını metin editörüyle açıp aşağıdaki kodu yapıştırın. (Bu işlemi yapmadan önce mutlaka htcaccess dosyasının yedeğini alın.)

<IfModule mod_deflate.c>
 # Insert filters
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/xml
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE application/xhtml+xml
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/javascript
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/x-httpd-php
 AddOutputFilterByType DEFLATE application/x-httpd-fastphp
 AddOutputFilterByType DEFLATE image/svg+xml
 # Drop problematic browsers
 BrowserMatch ^Mozilla/4 gzip-only-text/html
 BrowserMatch ^Mozilla/4\.0[678] no-gzip
 BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
 # Make sure proxies don't deliver the wrong content
 Header append Vary User-Agent env=!dont-vary
 </IfModule>
 

Not: Hostinginizde gzip modu açık olması gerekir aksi halde hata alabilirsiniz, hosting firmanız ile iletişime geçip gzip modunu açtırmanız gerekir

Check GZIP compression (GZIP sıkıştırmasını kontrol et)

Buraya kadar uğraştınız ve gerekli düzenlemeleri yaptınız. Peki herşey yolunda mı? WordPress gzip düzgün çalışıyor mu? Aşağıdaki bağlantıdan öğrenin.

Kaynaklar: WordPress Codex

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Kullanıcı oyu: 5)
Loading...
Buğra Yazar

Buğra Yazar

9 yıldır kurumsal firmalara WordPress ve SEO danışmanlık hizmetleri vermekteyim. Siz hayalinizdeki projeyi anlatın ben gerçekleştireyim.

18 Comments

  • Göktuğ Öztürk dedi ki:

    bloggerda işe yarar mı aynısını yapsak ?

  • Deniz Egeli dedi ki:

    sayfam uzun zamandır çok yavaş wp rocket eklentisi kurmama rağmen değişen bir şey olmadı umarım bu işe yarar

  • Yusuf Esen dedi ki:

    Uzun zamandır aradığım bir içerikti. Çünkü GTMetrix üzerinden hız testi yaparken sürekli GZIP sıkıştırması yapın diyordu ve bende Google’da Gzip sıkıştırması wordpress yazıp sitenize geldim. Yazınızdaki yöntemleri uygulayarak hatayı düzelttim. Çok teşekkürler.

  • Selçuk Avcı dedi ki:

    Bir sürü eklenti var gzip için ama henüz işe yarayan görmedim bunu bir deneyeceğim.

  • Uğur dedi ki:

    Gzip gerçekten çok faydalı hız testlerinde vs ve cidden gözle görülür bir katkı sağlıyor çok teşekkürler bilgilendirme için 🙂

  • Mehmet Karataş dedi ki:

    Merhabalar, WP Rocket Cache, Autoptimize gibi eklentilerin aktif olduğu bir sitede bu işlemi yapmaya gerek var mı?
    Yoksa bu adını yukarıda belirttiğim eklentiler bu anlattığınız işlemi yapıyor mu?
    Şimdiden teşekkürler.

    • Buğra Yazar dedi ki:

      Merhaba Wp Rocket eklentisini kullanıyorsanız Cpanel‘den Web Sitesini Optimize Edin sayfasını ziyaret edip aşağıdaki ayarı yapmanız yeterli.

      CPanel - Web Sitesini Optimize Edin Ayarı

  • Ege B. dedi ki:

    Gzip gerçekten önemli, aktifleştirdiğimde sayfa boyutu 1 mb’a yakın azalıyor. 1-2 saniyelik bir hızlanma sağlıyor. Aynı zamanda sunucunun yorulmaması ve trafik kullanımı gibi şeylere de katkısı var.

    Teşekkürler hocam yazı için.

  • Kamil dedi ki:

    Sitemde bu işlemleri uygulaması yaparak büyük bit performans sağladım. Sıralamada zamanla katkısını göreceğime eminiö sade ve güzel anlatım olmuş.

  • Taha Türk dedi ki:

    Paylaşımların gerçekten çok yararlı ve her bir yol gösterilmekte Emeğinize sağlık.

  • Uğur Baytekin dedi ki:

    Gzip sıkıştırması sunucunun kendi dahilinde varsayılan olarak sistemde bulunuyor olabilir mi?

    • Buğra Yazar dedi ki:

      Merhaba Uğur
      Gzip sıkıştırması çoğu sunucuda varsayılan olarak gelir. Fakat bunu kullanıp kullanmamak senin inisiyatifin dahilindedir.

  • Müdür arada blogger la ilgi bir şeyler de bekliyoruz sanırım bu wordpress için ama çok faydalı olmuş saol

  • Deniz dedi ki:

    Benim siteye daha önce eklediğim gzip sıkıştırma kodları şu şekilde;
    # Enable GZIP

    AddOutputFilterByType DEFLATE text/text text/html text/plain text/xml text/css application/x-javascript application/javascript

    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE text/javascript
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE image/x-icon
    AddOutputFilterByType DEFLATE image/svg+xml
    AddOutputFilterByType DEFLATE application/rss+xml
    AddOutputFilterByType DEFLATE application/javascript
    AddOutputFilterByType DEFLATE application/x-javascript
    AddOutputFilterByType DEFLATE application/xml
    AddOutputFilterByType DEFLATE application/xhtml+xml
    AddOutputFilterByType DEFLATE application/x-font
    AddOutputFilterByType DEFLATE application/x-font-truetype
    AddOutputFilterByType DEFLATE application/x-font-ttf
    AddOutputFilterByType DEFLATE application/x-font-otf
    AddOutputFilterByType DEFLATE application/x-font-opentype
    AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
    AddOutputFilterByType DEFLATE font/ttf
    AddOutputFilterByType DEFLATE font/otf
    AddOutputFilterByType DEFLATE font/opentype
    # For Older Browsers Which Can’t Handle Compression
    BrowserMatch ^Mozilla/4 gzip-only-text/html
    BrowserMatch ^Mozilla/4\.0[678] no-gzip
    BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

    Sizin kodlarla hemen hemen aynı, yalnız bende sizin verdiğiniz kodların sonunda bulunan şu ifade yok;

    “Make sure proxies don’t deliver the wrong content
    Header append Vary User-Agent env=!dont-vary”

    Sizce eklemeli miyim, yoksa olduğu gibi kalsın mı?

Leave a Reply