WordPress için GZIP Sıkıştırmasını Etkinleştirme

Yavaş bir web sitesi birçok sorun yaratabilir. Potansiyel ziyaretçileri ve müşterileri uzaklaştırabilir, sitenizin Kullanıcı Deneyimine (UX) zarar verebilir ve hatta itibarınızı etkileyebilir.

Web sitenizin sayfalarının boyutunu azaltmak, yükleme hızlarını artırmanın anahtarıdır. Neyse ki, GZIP sıkıştırması, hızlı sayfa yükleme ve dosya boyutunu küçültme için harika bir yöntemdir.

Bu kılavuzda, ne olduğu ve ne işe yaradığı da dahil olmak üzere GZIP sıkıştırmanın temellerine bakacağız. Daha sonra bir WordPress web sitesinde GZIP sıkıştırmasının nasıl etkinleştirileceğini detaylandıracağız. Hemen içeri girelim!

GZIP Sıkıştırma nedir?

GZIP sıkıştırması, ZIP ve RAR'a benzer bir veri sıkıştırma türüdür. İster metin, ister HTML, CSS, JavaScript veya XML olsun, web sitenizdeki tüm dosyaları sıkıştırmak için kullanılabilir.

GZIP sıkıştırması, dosyalar ziyaretçilerinizin web tarayıcılarına sunulmadan önce gerçekleşir. Bu yöntem sayesinde, GZIP sıkıştırması dosya boyutlarını azaltır ve bu da web sitesinin yüklenme sürelerini olumlu yönde etkileyebilir.

GZIP Sıkıştırması ne işe yarar?

Bir ziyaretçi web sitenize geldiğinde, tarayıcısı sitenin dosyalarını sunucusundan ister. Sunucunuz bu dosyaları tarayıcıya göndermeden önce sıkıştıracaktır. GZIP sıkıştırması, diğerleri arasında bir dosya sıkıştırma yöntemidir.

Sıkıştırılmış dosyalar, sıkıştırılmamış dosyalardan daha hızlı aktarılır. Bu, web sitesi performansını ve yükleme hızlarını ve sonuç olarak Arama Motoru Optimizasyonu'nu (SEO) iyileştirmeye yardımcı olur.

GZIP Sıkıştırmanın Etkin Olup Olmadığını Nasıl Görebilirim?

GZIP sıkıştırması popülerdir ve birçok WordPress barındırma platformu bunu varsayılan olarak etkinleştirir. GZIP sıkıştırmasının sitenizde çalışıp çalışmadığını nasıl kontrol edeceğinizden emin değilseniz, üçüncü taraf çözümleri veya tarayıcı içi geliştirici araçlarını kullanarak test edebilirsiniz.

GZIP sıkıştırmasını etkinleştirmediyseniz, genellikle GTmetrix gibi araçlarda uyarılar görürsünüz. Web sitenizin GZIP sıkıştırması kullanıp kullanmadığını görmek için bir GZIP sıkıştırma aracı da kullanabilirsiniz.

Tarayıcı geliştirici araçlarını kullanarak GZIP sıkıştırmasının çalışıp çalışmadığını kontrol etmek de mümkündür. Etkinleştirildiğinde, yanıt üst bilgisi "content-encoding: gzip" içerecektir:

Yanıt başlığını Chrome'da bulmak için DevTools'u açmanız ve Network'e gitmeniz ve ardından sayfayı yeniden yüklemeniz gerekir. Web sitenizle eşleşen isme tıklayın, yanıt başlığı açılacaktır.

WordPress'te GZIP Sıkıştırmasını Etkinleştirme

WP Engine'deki tüm web siteleri, varsayılan olarak GZIP sıkıştırmasını kullanır. Metin dosyaları, resimler, CSS ve JavaScript dahil tüm statik dosyalar, optimum web sitesi performansı için otomatik olarak sıkıştırılır. Bu otomatik sıkıştırma, .htaccess dosyanızda GZIP yönergelerine olan ihtiyacı azaltır.

Ancak, tüm WordPress web siteleri WP Engine'de barındırılmaz ve GZIP sıkıştırmasının varsayılan olarak etkinleştirilmesinden yararlanamaz. Web siteniz farklı bir platformda barındırılıyorsa, GZIP sıkıştırmasını manuel olarak etkinleştirmeniz gerekebilir. Bunu yapmanın birkaç yolu vardır ve bunlara daha sonra bakacağız.

Bir Eklenti ile GZIP Sıkıştırmasını Etkinleştirin

GZIP sıkıştırmasını etkinleştirmenin en kolay yolu, bir önbellek eklentisi kullanmaktır. WP Rocket gibi araçlar sizin için .htaccess dosyanıza kod ekleyerek sıkıştırmayı etkinleştirirken, W3 Total Cache gibi araçlar bu kodu manuel olarak eklemenizi gerektirir.

Bu genellikle GZIP sıkıştırması eklemenin en basit yöntemi olsa da, sitenize fazladan bir eklenti eklemeyi içerir. Eklenti kitaplığınızı yalın tutmaya çalışıyorsanız, bunun yerine aşağıdaki çözümlerden birini kullanabilirsiniz.

Nginx için GZIP Sıkıştırmasını Etkinleştir

Web siteniz Nginx kullanıyorsa, GZIP sıkıştırmasını etkinleştirmek için kullanabileceğiniz bir kod parçacığı vardır. Aşağıdaki kod parçacığını sitenizin nginx.conf dosyasının “http” bölümüne yerleştirmeniz gerekmektedir. Bu kod parçacığını sunucu veya konum yapılandırma bloğuna da yerleştirebilirsiniz, ancak genellikle http bölümü önerilir:

gzip on;
gzip_types text/plain text/css text/javascript image/svg+xml image/x-icon application/javascript application/x-javascript;
gzip_min_length 1000;
gzip_vary on;
gzip_proxied no-cache no-store private expired auth;
gzip_diable “MSIE [1-6];

Dosyayı kaydedip kapattıktan sonra, Nginx'i yeniden başlatmanız gerekecek. Bunu yapmak için aşağıdaki komutu kullanın:

sudo service nginx restart

Yeniden başlatmanın ardından, daha önce açıklanan yöntemleri kullanarak GZIP sıkıştırmasının etkin olduğundan emin olmak için kontrol edin.

Apache için GZIP Sıkıştırmasını Etkinleştirin (.htaccess Dosyasını Düzenleyerek)

Web barındırıcınız Apache kullanıyorsa, GZIP sıkıştırmasını etkinleştirmek için .htaccess dosyasını düzenlemeniz gerekir. Bu dosya, WordPress kurulumunuzun kök dizininde, Dosya Aktarım Protokolü (FTP) veya dosya yöneticiniz aracılığıyla bulunabilir. Çoğu WordPress GZIP sıkıştırma yöntemi, .htaccess dosyasının düzenlenmesini gerektirir.

GZIP'i etkinleştirmek için kullanabileceğiniz iki Apache modu vardır, ancak mod_deflate en yaygın şekilde desteklenen ve en iyi belgelenmiş seçenektir. mod_deflate'i etkinleştirmek için şunu ekleyin:

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>

Bunun yerine mod_gzip'i etkinleştirmek için şunu ekleyin:

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_include mime ^text/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_include handler ^cgi-script$
</ifModule>

Her iki modu da kullanmadan önce, .htaccess dosyanızın yedeğini almanız ve mod_filter modülünün sunucunuzda olduğundan emin olmanız gerekir, aksi takdirde 500 hatası oluşabilir.

WP Engine ile Öğrenmeye Devam Edin

Web sitenizin sayfalarının boyutunu küçültmek yükleme sürelerini kısaltabilir ve genel performansı artırabilir. GZIP sıkıştırması bu indirgemeyi etkinleştirebilir, ancak yalnızca etkinleştirildiğinde.

Neyse ki, burada WP Engine'de varsayılan olarak GZIP sıkıştırmasını etkinleştiriyoruz. Dahası, ziyaretçileriniz için olağanüstü bir dijital deneyimi nasıl oluşturacağınızı öğrenmenize yardımcı olacak olağanüstü kaynaklar sunuyoruz!