Google tarafından sürekli olarak uyarı almaya başlayınca, ben de böyle bir konu açma gereği duydum. Normalde hız konusunda sıkıntı yaşamadığım sürece dert etmeyeceğim bir şey, Google bu işi farklı boyutlarda değerlendirince, ben de sitemde gerekli optimizasyonları yapmak istedim. Bu yazımda sizlere WordPress’te yazdığınız makalelerdeki resim optimizasyonu nasıl yapılır konusunu anlatıyor olacağım. İşlemleri çok düşük bir ücret ödeyerek satın alabileceğiniz bir sistemle gerçekleştirip, ücretsiz optimizasyon eklentileri hakkında da sizlere bilgi vereceğim.
Sitede resim optimizasyonu neden gerekli?
Bildiğiniz üzere varımızla yoğumuzla Google için çalışıyoruz ve onun gözüne girmemiz için atmamız gereken adımlardan bir tanesi sitedeki resimleri optimize etmek. Bunun nedenlerine gelecek olursak:
- Herkesin mükemmel bir internet bağlantısı yok.
- Fazla trafik harcamasının önüne geçmek.
- Site açılma hızını arttırmak. Kullanıcıların beklemeden çıktığını sizler de biliyorsunuz. Hele ki sitenizde yer alan bir URL 2 saniyeden uzun bir sürede açılıyorsa, farklı bir siteye ziyaretçileri kaybetmeniz gayet mümkün.
- Mobil kullanıcılar için daha hızlı bir deneyim sunmak.
Bunları elbette Google için yapıyor olarak görünsek de, site performansını da ciddi ölçüde geliştiriyor olacağız.
Ben de sizlere bu makalede verdiğim sözlerden birini gerçekleştirmiş olacağım. Gelin beraber bu adımlar teker teker atalım.
WordPress resim optimizasyonu ve atılması gereken adımlar
WordPress’te kullanmamız gereken eklentilerden bir tanesi de resim optimizasyon eklentisi. Siteniz her ne kadar hızlı olursa olsun, mutlaka bu eklentiyi kullanın. Sitenizin daha hızlı olması size bir şey kaybettirmez.
Optimizasyon işlemini gerçekleştirmek için ben Short Pixel eklentisini seçtim. Bu eklentiye ister aylık ödeme ile isterseniz de tek seferlik ödeme ile sahip olabilirsiniz.
Optimizasyon öncesi sizlere site hakkında küçük bilgiler vermek istiyorum. Öncelikle siten ana URL’si ya da makale URL’sinde hangi teste girerseniz girin, resimleri optmize etmemiz gerektiği konusunda uyarı alıyoruz.
Bunlardan iki tanesini sizinle paylaşayım. İlk olarak “Google resim optimize önerisi.”
Aynı URL’yi GtMetrix ile test ettikten sonra, tarafıma verilen önerileri de hemen aşağıdaki resimde görebilirsiniz.
Google ile aynı şekilde bu testte de makala başarısız oluyor ve resimlerin optimize edilmesi gerektiği tarafımıza söyleniyor. Burada benim dikkat ettiğim nokta ise resimler optimize edildikten sonra, sayfa detaylarının yer aldığı “Page Details” kısmındaki ” 1.48 MB toplam boyutta bir azalma olup olmayacağı. Diğer bir deyişle; eğer ki resimler optimize oluyorsa, bu elbette sayfa boyutuna olumlu olarak yansıyacaktır. Değil mi? Temennim o yönde.
Sırası ile yaptıklarım:
- Tarafımıza uyarılar geldi.
- Eklenti arayışına girdim ve Short Pixel optimizasyon eklentisinde karar kıldım.
- Eklentiyi kurulumunu WordPress’te gerçekleştirdim. Bu konuda detay vermeyeceğim. Bu seviyede artık resimleri düzenliyorsanız, eklentinin nasıl kurulacağını bilirsiniz diye ümit ediyorum.
- Kurulum sonrasında site API’sini eklentiye yapıştırdım ve “Validate”e tıkladım.
Sonrası çocuk oyuncağı. Burada karşımıza iki farklı seçenek çıkıyor.
Lossy: Kalite düşürülerek yapılan optimizasyon. Daha önce düzenlenmemiş resimlerde fazla bir kalite kaybı olmadan optimizasyon gerçekleştirebilirsiniz. İncele.CO ve diğer bir sitedeki çalışmalarımı bu seçenekle gerçekleştirdim. Masaüstü görünümde biraz kalite düştü ancak gözü rahatsız edecek boyutlarda değil. O nedenle sıkıntı yok.
Lossless: Resim kalitesinde herhangi bir azalma olmamasını istiyorsanız, bu özelliği işaretlemeniz gerekmekte. Bir de ciddi kalitede sunucuya sahipseniz, optimizasyonu bu seviyede bırakmanız mantıklı olacaktır.
Not: Vektör, özel tasarım vs gibi işlerle uğraşan arkadaşlar mutlaka “Lossless”ı seçsin. Resim kalitesi aynı seviyede kalacak ve sadece dosya boyutu azalacaktır. Ayrıca resim optimize sonrasında resimlerin nasıl görüneceğini merak ediyorsanız, Short Pixel’in kendi özel arayüzünde testler gerçekleştirebilirsiniz.
Uygulamayı çalıştırdıktan sonra otomatik düzenleme tüm ana ve alt resimleri optimize etmeye başlıyor. Her bir resmin 4-6 alt resmi olduğunu unutmayın. Her düzenleme kredilerinizde düşecektir. O nedenle sınırlı krediniz varsa, alt resimleri ayarlar sekmesinden kaldırın.
Resim optimizasyonu ve boyut küçültmesi sıra ile gerçekleşiyor ve tüm resimler sırası ile eklentinin elinden geçiyor. Bir örnek verecek olursak:
CPanel resmi %64.76 oranında düzenlenmiş. Bu benim için büyük bir kazanç. Ayrıca iki resim arasında pek bir kalite farkı da yok.
Elbette ilk başta bahsettiğim Google ve GtMetrix uyarılarını da incelememiz gerek. Optimizasyon sonrasında aldığım sonuçlar şu şekilde…
Görünen o ki Google’dan geçer puanı şimdi aldık. Sıra GtMetrix’te.
Sonuç olarak GtMetrix’ten de geçer not aldık. Yani eklentimiz harika bir şekilde çalışıyor.
Ayrıca daha önce 1.48 MB olan URL dosya yükümüz, optimizasyon sonrası 1.36 MB’a düştü. Bu da doğal olarak URL’nin açılma hızını etkileyecektir. Saliselik olarak etkilemiş :) Ancak bu testin Kanada’dan yapıldığını düşününce 7+ saniye normal olarak karşılanabilir.
Ücretsiz olarak kullanabileceğiniz diğer eklentiler:
- WP Smush: Wordpress’teki resimleri ücretsiz olarak optimize edebileceğiniz bir eklenti. Ücretli eklentilere göre oldukça yavaş çalışıyor ve 1 MB altındaki resimler optimize ediliyor. Eğer ki daha yüksek boyutta bir resim düzenlemek istiyorsanız, Pro versiyonu satın almanız gerekiyor.
- EWWW Image Optimizer: Galerinizdeki resimleri düzenlemek ve yeni yüklenen resimleri de otomatik olarak optimize etmenize yarayacaktır. Ciddi kullanıcı puanına sahip olan bu eklentiyi denemenizi önerebilirim. Yine bir PRO eklenti performansını alamayacağınızı söylemek isterim.
Toparlayacak olursak
Sizlere bu yazımda WordPress’e yüklediğimiz resimleri nasıl optimize edebileceğimizi anlattım. Bu anlatım sonucunda artık Google ve GtMetrix’ten daha iyi puanlar alabilir, sitemizi daha hızlı hale getirebilir ve trafik kullanımını asgari seviyelere çekebiliriz. Özellikle multimedya ağırlıklı siteye sahip olan kullanıcıların bu sistemi mutlaka denemelerini tavsiye ediyorum. Sadece iki adımda daha hızlı açılan bir siteye sahip olmak mümkün. Tüm bunları gerçekleştirirken de Short Pixel WordPress eklentisinin etkisini göz ardı etmek doğru olmaz. Eklentiyi ücretsiz olarak denemek için tıklayın.
Selam ben Burak. 30 yaşındayım. 2008’de Joomla ile başladığım blog hayatıma WordPress ile devam etmekteyim. Birçok projeyi batırmış ve yılmadan yoluna devam eden bir blogger olarak, başımdan geçen tecrübeleri incele.co aracılığıyla sizlere aktarmak öncelikli amacım. Özel ilgi alanlarım: WordPress, blog hayatı, incelemeler ve nasıl yapılır makaleleri…
Bircok eklenti denemis biri olarak bu eklentiyi ilk defa sayenizde duydum. Lakin sitelerim icin icerik hazirlarken kullanacagim resimleri http://optimizilla.com sitesini kullanarak duzenliyorum, boylece gorsel olarak farklarini ve oranlarini gorme sansim oluyor. Eklentiler de oldukca fayda sagliyor elbette ama kabul edersiniz ki eger eski bir site degilseniz ve resimleri optimize etme sorununuz daha baslamadiysa, sunucunuzu eklenti trafigi ile yormak yerine ben bu yontemi daha faydali bulmaktayim.
Saygilar.
Selamlar Adil Bey,
Az önce baktım siteye ve oldukça başarılı olduğunu söyleyebilirim. Sade bir arayüz var. Bazı adımların otomasyon ortamında atılması kullanıcılar açısından tercih edilebilir. O nedenle shortpixel’i tavsiye ettim. Bunlara ek olarak sizin tavsiye ettiğiniz site de çok fazla görsel barındırmayan ya da en başından beri optimize edilmiş resimleri bünyesinde barındıran siteler için gayet başarılı gibi görünüyor. İlerleyen dönemlerde bir karşılaştırma yaparsam, elbette bu siteyi de ekleyeceğim.
Çok teşekkür ederim tekrardan…
Burak ödeme konusunda neyi tercih ettin? Çok ucuz değil shortpixel.
Selam Tahir,
Resimlerin 3. parti sunucular tarafından optimize edildiği eklentilerin hiçbiri maalesef uygun fiyatlı değil. Alternafit olarak kraken.io ya bakabilirsin.