lostyazilim
tr.link

Wordpress Resim Optimizasyonu

10 Mesajlar 1.979 Okunma
acebozum
tr.link

SmmPaneliComTR SmmPaneliComTR SmmPaneli.Com.T Kullanıcı
  • Üyelik 20.06.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Serbest.
  • Konum Samsun
  • Ad Soyad B** A**
  • Mesajlar 603
  • Beğeniler 113 / 112
  • Ticaret 5, (%80)
Wordpress her resim yüklediğimizde özellikle birde tema da özel resim boyutlandırması yapıyorsa bir resimde 3'er 5'er 10'ar tane oluşuyor. İyi hadi oluşsun. Oda gereksiz disk boyutu ya neyse.

Pagespeed üzerinden baktığımda resimler optimizasyon gerçekleştirilmemiştir diyor. WP-smush eklentisi ile optimize et diyorum fakat yeterli olmuyor.

Çözüm olarak ne önerebilirsiniz başka bir eklenti veya başka bir yöntem ? Çünkü içerik gereği resim sayısı fazla ve gereksiz derecede puan düşürüp trafik yiyor.
 

 

elektronikssl
webimgo

ismail ismail WM Aracı Kullanıcı
  • Üyelik 08.09.2014
  • Yaş/Cinsiyet 24 / E
  • Meslek Yazılım Geliştiricisi
  • Konum Sakarya
  • Ad Soyad I** K**
  • Mesajlar 1176
  • Beğeniler 582 / 327
  • Ticaret 3, (%100)
reSmush.it kullanmanızı öneririm.
 

 

cooper cooper Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 03.12.2017
  • Yaş/Cinsiyet 28 / E
  • Meslek Müh. öğrencisi
  • Konum İstanbul Anadolu
  • Ad Soyad E** F**
  • Mesajlar 531
  • Beğeniler 225 / 254
  • Ticaret 5, (%100)
Tema fonksiyonlarında gereksiz boyut oluşturan parametreler silinip görseller en baştan beri optimize edilebilir. Aynı şekilde site tasarımında farklı görsel boyutlarını minimuma indirmek faydalı olacaktır.
 

 

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Gereksiz dediğiniz şey sitenin performansını artırmak için var olan bir özellik. 1000x500 piksellik bir resmi küçük bir alanda kullanmak için css kodları yazılır ve resim görünüşte küçük olarak gösterilir. Fakat bu site performansını düşürür. Oysa add_image_size fonksiyonu ile küçük alanlar için küçük, büyük alanlar için de büyük resimler oluşturularak performans artışı sağlanır.
 

 

wmaraci
wmaraci

SmmPaneliComTR SmmPaneliComTR SmmPaneli.Com.T Kullanıcı
  • Üyelik 20.06.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Serbest.
  • Konum Samsun
  • Ad Soyad B** A**
  • Mesajlar 603
  • Beğeniler 113 / 112
  • Ticaret 5, (%80)

bilimokur adlı üyeden alıntı

Gereksiz dediğiniz şey sitenin performansını artırmak için var olan bir özellik. 1000x500 piksellik bir resmi küçük bir alanda kullanmak için css kodları yazılır ve resim görünüşte küçük olarak gösterilir. Fakat bu site performansını düşürür. Oysa add_image_size fonksiyonu ile küçük alanlar için küçük, büyük alanlar için de büyük resimler oluşturularak performans artışı sağlanır.


Beni anlamamışsınız, wordpress'in ayarladığı boyutları temam kullanmıyor. Temamın kullandığı resim boyutları özel ve ayarlı, fonksiyon kodlarıda ioncube ile şifreli. Wordpress'in oluşturduğu resimler hiç kullanılmıyor yani gereksiz fazladan resim türetiyor benim için.

cooper adlı üyeden alıntı

Tema fonksiyonlarında gereksiz boyut oluşturan parametreler silinip görseller en baştan beri optimize edilebilir. Aynı şekilde site tasarımında farklı görsel boyutlarını minimuma indirmek faydalı olacaktır.




ismail adlı üyeden alıntı

reSmush.it kullanmanızı öneririm.


Malesef eklenti bende hata vermekte. "An error occured when contacting webservice. Please try again later." tarzı bir hata veriyor optimize etmiyor.

Şöyle bir ekleme yapayım, resimlerin hepsi optimize oluyor fakat 40x40 gibi ufak resimler optimize olmuyor fakat Google amcamız illa olacak diyor.
 

 

Mrtcn Mrtcn PrismaCSI Kullanıcı
  • Üyelik 06.09.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Cyber Sec & Project Manager
  • Konum Ankara
  • Ad Soyad M** G**
  • Mesajlar 3356
  • Beğeniler 481 / 1987
  • Ticaret 10, (%100)
Hocam çözümünüz şu

https://wordpress.org/plugins/tiny-compress-images/
 

 

SmmPaneliComTR SmmPaneliComTR SmmPaneli.Com.T Kullanıcı
  • Üyelik 20.06.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Serbest.
  • Konum Samsun
  • Ad Soyad B** A**
  • Mesajlar 603
  • Beğeniler 113 / 112
  • Ticaret 5, (%80)


Malesef hocam, 40x40 gibi boyuttaki resimlere dokunmuyor. Wordpress'in oluşturduğu tüm resimleri hiç bir eklenti yapmıyor, illa el ile tek tek yap diyor. Kanser etti.
 

 

Mrtcn Mrtcn PrismaCSI Kullanıcı
  • Üyelik 06.09.2013
  • Yaş/Cinsiyet 32 / E
  • Meslek Cyber Sec & Project Manager
  • Konum Ankara
  • Ad Soyad M** G**
  • Mesajlar 3356
  • Beğeniler 481 / 1987
  • Ticaret 10, (%100)

Niqo0 adlı üyeden alıntı

Malesef hocam, 40x40 gibi boyuttaki resimlere dokunmuyor. Wordpress'in oluşturduğu tüm resimleri hiç bir eklenti yapmıyor, illa el ile tek tek yap diyor. Kanser etti.


Sunucuda ben aşağıdaki gibi yapıyordum. Deneyebilirsiniz. Hosting ise bilemicem durumu

https://mertcangokgoz.com/sunucu-uzerinde-fotograflarin-optimize-edilmesi/
 

 

SmmPaneliComTR SmmPaneliComTR SmmPaneli.Com.T Kullanıcı
  • Üyelik 20.06.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Serbest.
  • Konum Samsun
  • Ad Soyad B** A**
  • Mesajlar 603
  • Beğeniler 113 / 112
  • Ticaret 5, (%80)

Mrtcn adlı üyeden alıntı

Sunucuda ben aşağıdaki gibi yapıyordum. Deneyebilirsiniz. Hosting ise bilemicem durumu

https://mertcangokgoz.com/sunucu-uzerinde-fotograflarin-optimize-edilmesi/


Malesef hosting kullanıyorum. En azından resimler 40x40 olduğu için boyutları baya küçük çok sorun olmuyor gibi geldi. Tiny kullanıyorum genel olarak büyük resimleri optimize ediyor bir süre böyle devam ettireceğim.
 

 

cihaneken cihaneken Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 25.07.2014
  • Yaş/Cinsiyet 31 / E
  • Meslek Elektrik Teknisyeni
  • Konum Fransa
  • Ad Soyad C** E**
  • Mesajlar 3508
  • Beğeniler 488 / 1190
  • Ticaret 1, (%100)
Bu konuda en işe yarar eklentiler aşağıdakiler. Performans kalitesine göre sıraladım.


  • Tıny Compress JPEG & PNG images

  • Imagify

  • WP Smush Pro



Bu eklentilerin hepside normalinde ücretli tabi ki fakat üretsiz şekilde de kısıtlı olarak kullanabiliyorsunuz.

Eğer imkanınız var ise resimleri sitenize yüklemeden önce optimize ederseniz daha faydalı olacaktır sizin için. Bu durumda da aşağıdaki programları ve web sitelerini kullanabilirsin.

PC Programları


  • Photoshop

  • Fireworks

  • RIOT

  • ImageOptim

  • Black Bird Image Optimizer




Web Siteleri


  • TinyPNG

  • TinyJPG

  • CompressPNG

  • PunyPNG




Bir diğer konuda Wordpress kullanıcıların ekran çözünürlüğüne göre farklı boyutlarda resimler gösterebilmesinden kaynaklanıyor. Yüksek çözünürlük kullanan ekranlara yüksek çözünürlüklü resimler gösteriyor, düşük çözünürlüklü ekranlarda düşük çözünürlüklü resimler gösteriyor böylece kullanıcılar açısından daha hızlı bir ziyaret deneyimi yaşatmak amaçlanıyor.

Ayrıca eklentilerde aynı resmin çok sayıda oluşmasına neden olabilir.




Bu konular hakkımda blog sayfamda kabaca bir, iki anlatım yapmıştım göz atmak isterseniz.

Resimleri Optimize Etme

Resimleri Optimize Etmek Artık Çok Kolay (BBIO)
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al