WordPress'te Görüntüler Nasıl Sıkıştırılır?

Metinlere kıyasla resimlerin boyutu daha büyüktür ve yüklenmesi daha uzun sürer ve sonuç olarak sitenizi yavaşlatır. Diyebilirsiniz ki, web sitenizi yavaşlatacaklarsa neden resim yüklemekle uğraşıyorsunuz?

“Bir resim bin kelimeye bedeldir” sözünü muhtemelen duymuşsunuzdur. Görseller web sitenizi daha çekici hale getirir. Ancak web sitesinde nasıl görsellere sahip olabilirsiniz ve herhangi bir performans kaybetmezsiniz?

WordPress'te görüntüleri sıkıştırmanız gereken yer burasıdır. Bunu yapmak için birden fazla yöntem var ve bu yazıda bunları tek tek tartışmak istiyoruz.

Smush Image Plugin kullanarak WordPress'teki Görüntüleri Sıkıştırın

Smush, muhtemelen WordPress topluluğundaki en ünlü eklentilerden biridir. Şu anda, bu eklentinin 1 milyondan fazla aktif kurulumu var ve görüntü sıkıştırma ihtiyaçlarınızı tam olarak karşılayabilir. Smush, gecikmeli yüklemeyi etkinleştirebilir, yeniden boyutlandırabilir ve hatta Google Sayfa Hızınızı iyileştirebilir.

Smush, otomatik sıkıştırma seçeneğiyle birlikte gelir. Seçenek açıldığında, WordPress'e yüklediğiniz herhangi bir yeni resmi sıkıştırmaya başlar.

Smush, WordPress'teki görüntüleri kaliteyi kaybetmeden sıkıştırabilir. Ayrıca, tek bir tıklamayla 50 adede kadar görüntüyü toplu olarak sıkıştırma özelliği ile birlikte gelir. Bu eklenti WordPress Multisite ile tamamen uyumludur ve Gutenberg Düzenleyicisini tam olarak destekler.

Smush, WordPress'in en son sürümüyle tamamen uyumludur ve resmi web sitesinden veya doğrudan WordPress Dashboard'dan indirilebilir.

Basitçe, WordPress Kontrol Paneli > Eklentiler > Yeni Ekle'ye giriş yapın ve Smush'u arayın.

Eklenti etkinleştirildiğinde, WordPress Kontrol Panelinde görünecektir. Üstüne tıkla.

Eklenti web sitenizi tarar ve size kaç tane resim sıkıştırabileceğinizi söyler. Ardından, WordPress'te görüntüleri toplu olarak sıkıştırma seçeneği sunar.

Toplu sıkıştırmaya tıkladığınızda, resimlerinizi sıkıştırmaya başlayacaktır. Ancak, ücretsiz sürümde sıkıştırma sınırlıdır. Ücretsiz sürümde yalnızca 5 MB'a kadar olan resimleri sıkıştırabilirsiniz, pro sürümde ise 32 MB'a kadar olan resimleri sıkıştırabilirsiniz.

TinyPNG Eklentisini Kullanarak WordPress'teki Görüntüleri Sıkıştırın

TinyPNG, en popüler görüntü sıkıştırma web sitelerinden biridir. Son yıllarda kendi görüntü sıkıştırma eklentisi sürümlerini yayınladılar. Şu anda, bu eklentinin 200.000'den fazla aktif kurulumu var. TinyPNG eklentisi, WordPress 5.3.1 sürümüne kadar metin olarak gönderilir.

Smush eklentisine çok benzeyen TinyPNG eklentisi, yükleme sırasında yeni görüntüleri otomatik olarak optimize edebilir. Ayrıca WordPress Multisite, WooCommerce, WPML'yi (Çeviriye hazır) destekler, animasyonlu PNG'yi sıkıştırabilir ve en önemlisi dosya boyutu sınırı yoktur.

Eklenti, resmi WordPress web sitesinden veya doğrudan WordPress Kontrol Panelinden indirilebilir. Eklentiyi kurup etkinleştirdikten sonra, Ayarlar > JPEG ve PNG resimlerini sıkıştır altında görünecektir.

Seçenekler sekmesinde eklentiyi yapılandırabilirsiniz. Daha önce bir hesap açmanız ve API anahtarınızı eklemeniz gerekir.

Eklenti Olmadan WordPress'te Görüntüler Nasıl Sıkıştırılır

Görüntüleri sıkıştırmak için web sitenize eklenti yüklemekten nefret ediyorsanız. Görüntüleri çevrimiçi olarak sıkıştırmanıza izin veren web siteleri var. TinyPNG, çevrimiçi olarak kullanabileceğiniz en popüler ve en eski ücretsiz görüntü sıkıştırma araçlarından biridir. TinyPNG, PNG veya JPG resimlerini sıkıştırmanıza ve sıkıştırılmış dosyayı indirmenize izin verir.

TinyPNG, bir seferde 20 resim ve ayda 100 adede kadar resim yüklemenize olanak tanır. Ancak, her görüntünün boyutu 5 MB'ı geçmemelidir. Bu web sitesi sürükle ve bırak özelliğini desteklemektedir. Bu nedenle, resimlerinizi kutuya sürükleyip bırakın ve işlemin başlamasını bekleyin. Görüntüleri bilgisayarınıza indirebilir veya hatta Dropbox'a kaydedebilirsiniz.

Diğer Bazı Görüntü Sıkıştırma Eklentileri

Bu makalenin başında bahsettiğimiz iki eklenti dışında, WordPress'te görüntüleri sıkıştırmak için kullanabileceğiniz birkaç eklenti daha var ve bunlar:

hayal et

Imagify, WordPress için eksiksiz ve güçlü görüntü sıkıştırma eklentilerinden biridir. Bu eklenti, WP Rocket'i geliştiren aynı kişiler olan WP Media tarafından geliştirilmiştir. Önbellek eklentilerine çok benzeyen Imagify, basit bir eklentidir.

Imagify'ın oluşturulduğu algoritma, görüntüleri kaliteden ödün vermeden sıkıştırır. Imagify, 3 sıkıştırma modu ile birlikte gelir. Normal, agresif ve ultra. Imagify, yedekleme özelliğiyle birlikte gelir, böylece görüntüleri orijinal durumlarına geri yükleyebilir ve başka bir sıkıştırma modu seçebilirsiniz.

Imagify, hem ücretsiz hem de premium sürümlerde mevcuttur. Ücretsiz sürüm, her ay yaklaşık 250 görüntüyü optimize etmenize olanak tanır. Bundan daha fazlasını optimize etmeniz gerekiyorsa, pro sürüme yükseltmeniz gerekir.

WordPress'teki diğer herhangi bir eklenti gibi, Imagify da doğrudan resmi WordPress web sitesinden veya gösterge tablosunun kendisinden indirilebilir.

WP-Optimize Edin

WP-Optimize, WordPress için eksiksiz bir eklentidir. Her WordPress web sitesinde WP-Optimize'ın yüklü olması gerekir. Yalnızca WordPress'teki görüntüleri sıkıştırmanıza izin vermekle kalmaz, aynı zamanda veritabanını optimize eder ve web sitenizin yükleme hızını azaltan web sayfalarını önbelleğe almanıza olanak tanır.

WP-Optimize, PNG, JPG, GIF, BMP ve TIF resimlerini sıkıştırmanıza olanak tanır. Her biri en fazla 5 MB olabilir. Ayrıca toplu sıkıştırma, orijinalleri geri yükleme, otomatik sıkıştırma ve veri saklama özellikleriyle birlikte gelir.

Bu eklenti hem ücretsiz hem de premium sürümlerde mevcuttur. Premium sürüm Multisite'ı destekler.

Ayrıca, size daha fazla esneklik, tembel yükleme ve çok daha fazlasını sağlar.

Optimole ile Görüntü Optimizasyonu

Optimole, WordPress için başka bir görüntü optimizasyon eklentisidir. Optimole, yüklenen tüm görüntüleri otomatik olarak optimize edebilir ve hatta önceden yüklenmiş görüntüleri tarayabilir ve bunları optimize edebilir. Görüntüler kalitelerini kaybetmeden %80'e kadar sıkıştırılacaktır.

Optimole bulut tabanlı bir eklentidir, yani görüntüleri sıkıştırmak için web sunucunuzu kullanmaz, daha iyi hız elde etmek için her şey CDN'leri aracılığıyla yapılır. Bu eklenti, WordPress'in en son sürümüyle tamamen uyumludur ve hem ücretsiz hem de premium sürümlerde gelir.

Ücretsiz sürüm çoğu insan için yeterlidir. Ancak, premium sürüm daha fazla özelliğin kilidini açar. Ayrıca, WordPress'teki resimlerinize filigran ekleme olanağı sağlar.

Robin Görüntü İyileştirici

Robin görüntü iyileştirici yardımıyla WordPress'teki görüntüleri sıkıştırabilirsiniz. Listemizdeki diğer sıkıştırma eklentileri gibi, Robin görüntü iyileştirici işi halleder. Robin hem ücretsiz hem de premium sürümlerde mevcuttur.

Robin image optimizer, görüntü optimizasyonunda herhangi bir sınırlama veya kısıtlamaya sahip değildir, otomatik optimizasyonda Cron kullanır ve 3 sıkıştırma modu ile birlikte gelir. Bu eklenti, resmi WordPress web sitesinden veya doğrudan WordPress Dashboard'un kendisinden indirilebilir.

Neden WordPress'te Görüntüleri Sıkıştırmalısınız?

Görüntüler, herhangi bir web sitesinin temel unsurlarıdır. Tipik olarak, resimlerin boyutu metinlere göre daha büyüktür ve yüklenmeleri daha uzun sürer. Böylece görsellerin web sitenizin performansı ile doğrudan bir bağlantısı vardır. Web sitenizin hızını artırmak için WordPress'teki resimleri sıkıştırmanız gerekir.

WordPress için görüntüleri sıkıştırmak için kullanabileceğiniz düzenleme yazılımları vardır. Photoshop, resimlerinizi sıkıştırmak için kullanabileceğiniz en iyi araçlardan biridir. Ancak, herkes bu tür araçlarda görüntü düzenleme konusunda rahat değildir ve normal boyutlu görüntüleri kullanmaya devam edebilirler.

Eğer o insanların arasındaysanız endişelenmenize gerek yok. WordPress'te görüntüleri sıkıştırmak için özel olarak tasarlanmış eklentiler vardır. Yukarıda iki ünlüyü tanıttık ve aşağıda birkaç tane daha tanıtacağız.

WordPress Hızını Optimize Etmenin Diğer Yolları

WordPress esnek bir içerik yönetim sistemidir ve açık kaynaklı olduğu için ona işlevsellik ekleyebilir veya kaldırabilirsiniz. Yukarıda belirtildiği gibi, WordPress'teki görüntüleri sıkıştırmak, web sitenizin performansına çok yardımcı olur.

Ancak, WordPress'i optimize etmenin ve performansı artırmanın başka yolları da var. Bunları birlikte tartışalım, olur mu?

Barındırma Sağlayıcınızı Yükseltin

WordPress barındırma sağlayıcınız, web sitenizin performansında önemli bir rol oynar. Mevcut barındırma planınıza bir göz atmak iyi bir fikir olacaktır. Web sitesi yavaş hız yaşıyorsa, daha iyi bir pakete geçmenizi veya hatta barındırma sağlayıcısını değiştirmenizi öneririz.

Çoğu kişi, çoğu barındırma sağlayıcısının sunduğu diğer planlardan daha ucuz olduğu için paylaşılan barındırma planlarını kullanır. Hemen hemen her paylaşılan barındırma hizmeti, yapması gerekeni sunamaz.

Niye ya? Çünkü bu hostlar aynı anda birçok kişiyle paylaşılıyor. Bir web sunucusunun bir park alanı olduğunu hayal edin, oraya kaç araba park edebilir? Daha fazla arabayı aşıp park edemezsiniz. Aynı şey paylaşımlı barındırmada da olur, aynı anda birçok web sitesini barındıran bir sunucudan daha fazlasını isteyemezsiniz.

Neyse ki, sektörde birçok hosting şirketi var ve her biri, aradığınız şeye göre seçebileceğiniz benzersiz paketleri sunuyor. Şu anda paylaşılan bir barındırma planı kullanıyorsanız, bir VPS'ye veya yönetilen bir barındırmaya yükseltmenizi öneririz. Siteground ve GoDaddy, yıllardır sektördeki insanlara mükemmel hizmetler sunmaktadır. Web sitelerini ziyaret etmenizi ve sunduklarını karşılaştırmanızı öneririz.

WordPress'te CDN kullanın

CDN, Content Delivery Network'ün kısaltmasıdır. Bu ağ, dosyalarınızı dünyanın her yerindeki birkaç sunucuya kaydeder ve bir kullanıcı her istek gönderdiğinde, CDN en yakın sunucudan yanıt verir.

Böylece hız önemli ölçüde artar. Jetpack gibi bazı WordPress eklentileri, resimler için ücretsiz CDN sunar. Ancak düzgün ve güvenli bir CDN sistemine sahip olmak için Cloudflair gibi bir plana yatırım yapmanız gerekir.

WordPress Önbelleğe Alma Eklentilerini Kullanın

WordPress web sitenizi önbelleğe almak, onu hız için optimize etmenin en iyi ve en basit yoludur. Ancak WordPress önbelleğe alma nedir?

Önbelleğe alma, web sayfalarınızı kullanıcıların tarayıcılarına kaydetme işlemidir. Web sitenizdeki her sayfa görünümü, sunucunuza bir istek gönderir ve işlem bittiğinde sunucu, tarayıcıda sonuçları görüntüler.

Ama bu neden önemli?

Web sitenizde (başlık, ürünler vb.) çok sayıda görseliniz olduğunu hayal edin, sunucunun tüm süreci sürekli olarak tekrarlaması ve web sitesini ziyaret eden her bir kullanıcı için görseli yüklemesi ne kadar sürer? WordPress önbelleğini etkinleştirerek, bu görüntüleri kullanıcıların tarayıcısına kaydedebilir ve bunun sonucunda web siteniz daha hızlı yüklenir.

Kullandığınız barındırma sağlayıcısı size yerleşik önbelleği sağlamıyorsa, önbelleğe almayı etkinleştirmek için WordPress'te üçüncü taraf eklentileri kullanmanız gerekir. WP Rocket, farklı ödeme planlarına sahip premium bir WordPress önbellek eklentisidir. WordPress önbelleğe almayı etkinleştirmek için ücretsiz bir eklenti arıyorsanız, W3 Total Cache'i öneririz.

Optimize Edilmiş Bir WordPress Teması Kullanın

Yukarıda belirtildiği gibi optimize edilmiş bir web sitesine sahip olmak, Google gibi arama motorlarında daha üst sıralarda yer almak için çok önemlidir. Çevrimiçi bir derginiz veya blogunuz olduğunda bu çok önemli hale gelir. Hızlı bir web sitesi, kullanıcı deneyimini doğrudan etkileyebilir.

WordPress'te görüntüleri nasıl sıkıştıracağınızdan, barındırma sağlayıcınızı nasıl yükselteceğinizden, CDN'den nasıl yararlanacağınızdan ve WordPress önbelleğini nasıl etkinleştireceğinizden daha önce bahsetmiştik. Bir sonraki ve en önemli adım, optimize edilmiş bir WordPress teması kullanmaktır.

Publisher WordPress temasının temiz bir kodu vardır ve zaten SEO ve hız için optimize edilmiştir.

GZIP Sıkıştırmasını Etkinleştir

Bir önceki yazımızda, WordPress'te GZIP sıkıştırmasının nasıl etkinleştirileceğini açıkladık. Ancak, aşağıda kısaca tartışacağız. GZIP, WordPress'teki dosyaları sıkıştırmak ve açmak için kullanılan bir araçtır.

Bu araç, sunucu tarafında etkinleştirilmiştir ve HTML, stil sayfaları ve JavaScript dosyalarınızın boyutunu küçültebilir. GZIP, onları sıkıştırmak için başka yöntemler olduğu için görüntüler üzerinde çalışmaz.

Doğal olarak, bir web sitesini ziyaret ettiğinizde tarayıcı, içerik kodlaması: gzip yanıt başlığının var olup olmadığını kontrol ederek sunucunun GZIP'in etkin olup olmadığını kontrol eder.

GZIP'i etkinleştirmenin en kolay yolu, .htaccess dosyasına aşağıdaki kodu eklemektir. .htaccess dosyası kök dizinde bulunabilir. Genellikle bu dosya gizlidir. Bu nedenle, FileZilla gibi bir FTP istemcisi aracılığıyla erişmeniz gerekir.

 <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>

Web Sitemin Optimizasyon İhtiyacı Olduğunu Nasıl Anlarım?

Günümüzde, web sitenizin hızını test etmek için birçok seçeneğiniz var. En popüler hız testi araçlarından biri GTmetrix'tir. Bu araç, Kanadalı bir şirket olan GT.net tarafından geliştirilmiştir. GTmetrix, kaynak oluşturmak için Google PageSpeed ​​Insights ve YSlow'un bir birleşimidir.

Temel sürüm tamamen ücretsizdir ve sadece bir hesap açarak bir dizi seçenek elde edebilirsiniz. Ayrıca daha fazla hizmetin kilidini açan premium bir versiyonları var.

GTmetrix size testinizin yerini seçme seçeneği sunar. Bu testte seçilen yer çok önemlidir. MS (gecikme) ne kadar az olursa, yükleme süreniz o kadar hızlı olur. Şu anda GTmetrix'in ABD, Çin, İngiltere, Hindistan, Avustralya, Brezilya ve Kanada'da sunucuları var.

Web sitenizi test etmek istediğiniz tarayıcıları bile seçebilirsiniz. Örneğin, Chrome veya Firefox. Mobil sürümler yalnızca premium sürümde mevcuttur. Web sitenizi analiz etmek için web sitesini açın ve web sitenizin URL'sini yazın ve Sitenizi test edin'e tıklayın.

Web sitesi taramaya başlar ve kısa bir süre sonra sonuçları size gösterir. Aşağı kaydırın ve nelerin iyileştirilmesi gerektiğini görebilirsiniz.