WordPress resim optimizasyonu nasıl yapılır? Neden önemli?

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

Google resim optimizasyonu önerileri

Aynı URL’yi GtMetrix ile test ettikten sonra, tarafıma verilen önerileri de hemen aşağıdaki resimde görebilirsiniz.

gtmetrix resim optimizasyon önerileri

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:

  1. Tarafımıza uyarılar geldi.
  2. Eklenti arayışına girdim ve Short Pixel optimizasyon eklentisinde karar kıldım.
  3. 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.
  4. 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:

wordpress resim optimizasyonı örneği.

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…

resimleri optimize ettikten sonra alınan test sonuçları

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 Kara, 28 yaşındayım. Ege Üniversitesi Amerikan Kültürü ve Edebiyatı bölümünden mezun oldum. Boş vakitlerimde her ne kadar sitelerle ilgilenmek istesem de bu fırsata ancak 2013'te mezuniyetten sonra sahip olabildim. Araştırma, geliştirme ve paylaşma ruhuna sahibim. Amacım inceleme, satış ortaklığı ve SEO üçlüsünü tek bir bünyede toplayıp, bildiklerimin hepsini sizlerle paylaşmaktır.

2 Yorum
  1. Cevapla
    Adil BULBUL 10 Ocak 2017 at 2:49 pm

    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.

    • Cevapla
      Burak Kara 10 Ocak 2017 at 2:55 pm

      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…

Bir yorum yazın

 

Sitemde tek bir tane bile rahatsız edici reklam bulunmamaktadır. Reklam engelleme eklentisini pasif hale getirmen beni çok mutlu edecek. Ayrıca sitenin tek gelir kaynağı olan satış ortaklığı linklerinin de düzgün çalışması için bu gerekli. Bu güzel desteğin ve anlaşın için sana çok teşekkür ederim.

Özel inceleCO klübüne katılın!

En kaliteli incelemeler, analizler ve gerçek blog tecrübesi burada!

Satış ortaklığı, trafik arttırma, internet üzerinden gelir elde etme, blog ve site hayatı, özel incelemeler ve yarışmalardan ilk sizin haberiniz olsun.

Sizin gibi ben de spam sevmiyorum...