sitem resimlerden kaynaklı 1 tık geç açılıyor nasıl optime edebilirim?

09-10-2023, 13:30:46

Üyeliği durduruldu

Merhabalar, spor haberlerini çeken bir botum mevcut fakat resimler kaliteli olduğu için yüklenme süresi 1 tık geç oluyor bunu nasıl optime edebilirim? direk anasayfada js ile gösterildiği için haber içerisindeki resimlerde yükleniyor.

09-10-2023, 13:33:55

#2

phpc

tinypng.com gibi sitelerden o resimleri sıkıştırdıktan sonra gerekiyorsa lazyload kullanarak. Ek olarak hostun diske erişim ve okuma hızı da bu konuda etkilidir.

09-10-2023, 13:34:40

#3

Misafir

1- Lazy Load
2- Webp Formatı

bunlarla olabilir hocam

selcukcbk bunu beğendi.

1 kişi bunu beğendi.

09-10-2023, 13:35:45

#4

~~selcukcbk~~

Üyeliği durduruldu

phpc adlı üyeden alıntı: mesajı görüntüle

tinypng.com gibi sitelerden o resimleri sıkıştırdıktan sonra gerekiyorsa lazyload kullanarak. Ek olarak hostun diske erişim ve okuma hızı da bu konuda etkilidir.

aslında resimleri sunucuma indirmiyorum direk siteden çekiyorum o şekilde optime olabilir fakat sunucuma indirme taraftarı değilim teşekkür ederim biraz düşünsem iyi olucak

09-10-2023, 13:37:04

#5

phpc

Bir üstteki arkadaşın yazdığı webp de iyi fikir.

09-10-2023, 16:36:01

#6

yasarkemaldag

selcukcbk adlı üyeden alıntı: mesajı görüntüle

Merhabalar, spor haberlerini çeken bir botum mevcut fakat resimler kaliteli olduğu için yüklenme süresi 1 tık geç oluyor bunu nasıl optime edebilirim? direk anasayfada js ile gösterildiği için haber içerisindeki resimlerde yükleniyor.

diğer siteden çektiğiniz resimler 400-500kb arası ve çekme süreleri 10-11 saniyelerde. resimler ne kadar kalitelide olsa boyutuna bakarsak bi fullhd değildir, bu boyutlardaki dosyalar için bu süreler çok yüksek bi değer. büyük ihtimalle karşı sunucudan kaynaklanan gecikmeler yaşıyorsunuz. resimler sizde barınsa bu süreler sunucu kapasitesine göre resim başına 200ms felan gibi değerlere düşecektir (resimlere hiç optimize yapmasanız bile)

Ekstra Tavsiyeler:
- direk başka bir yerden resimleri sunmak çok sağlıklı değil, adamlar hotlink vb. güvenlik önlemi alırlarsa resimlerimiz boşa düşecektir bu yüzden bir bot geliştirip içerik resimlerini kendi sunucunuzda barındırmanız lazım.
- resimleri indiren bot aynı zamanda uygun ebatlarda thumbnailsler oluşturup, resimleri optimize edebilir. listeleme sayfası, detay sayfası vb. kısımlarda uygun ebatlı thumbnailsden gösterim yapabilirsiniz. örneğin anasayfa veya listeleme sayfalarında 200x200 gösteriyorsanız 1000x1000 ebatlı resimden sunmak mantıklı değil 100x100 ebatlı bir thumb oluşturulur ve oradan çekilir böylece ebatlar baya bi küçüleceğinden sayfa yüklenim hızı gözle görülür şekilde artacaktır.
- eğer anasayfa ve listeleme sayfalarında scrolla inecek kadar uzun listelemeler varsa lazyload yaparak scroll indikçe resimleri yükletin.böylece sayfa ilk yüklendiğinde tüm resimler aynı anda yüklenmeyecektir.
- (opsiyonel) jpge ek olarak destekleyen tarayıcılar için webp olarakta saklayıp sunabilirsiniz.

bu tavsiyeleri yaptığınızda sayfanızın açılış süresinin gözle görülür şekilde çok çok fazla arttığını gözlemleyeceğinizi tahmin ediyorum.

09-10-2023, 17:26:42

#7

~~selcukcbk~~

Üyeliği durduruldu

yasarkemaldag adlı üyeden alıntı: mesajı görüntüle

diğer siteden çektiğiniz resimler 400-500kb arası ve çekme süreleri 10-11 saniyelerde. resimler ne kadar kalitelide olsa boyutuna bakarsak bi fullhd değildir, bu boyutlardaki dosyalar için bu süreler çok yüksek bi değer. büyük ihtimalle karşı sunucudan kaynaklanan gecikmeler yaşıyorsunuz. resimler sizde barınsa bu süreler sunucu kapasitesine göre resim başına 200ms felan gibi değerlere düşecektir (resimlere hiç optimize yapmasanız bile)

Ekstra Tavsiyeler:
- direk başka bir yerden resimleri sunmak çok sağlıklı değil, adamlar hotlink vb. güvenlik önlemi alırlarsa resimlerimiz boşa düşecektir bu yüzden bir bot geliştirip içerik resimlerini kendi sunucunuzda barındırmanız lazım.
- resimleri indiren bot aynı zamanda uygun ebatlarda thumbnailsler oluşturup, resimleri optimize edebilir. listeleme sayfası, detay sayfası vb. kısımlarda uygun ebatlı thumbnailsden gösterim yapabilirsiniz. örneğin anasayfa veya listeleme sayfalarında 200x200 gösteriyorsanız 1000x1000 ebatlı resimden sunmak mantıklı değil 100x100 ebatlı bir thumb oluşturulur ve oradan çekilir böylece ebatlar baya bi küçüleceğinden sayfa yüklenim hızı gözle görülür şekilde artacaktır.
- eğer anasayfa ve listeleme sayfalarında scrolla inecek kadar uzun listelemeler varsa lazyload yaparak scroll indikçe resimleri yükletin.böylece sayfa ilk yüklendiğinde tüm resimler aynı anda yüklenmeyecektir.
- (opsiyonel) jpge ek olarak destekleyen tarayıcılar için webp olarakta saklayıp sunabilirsiniz.

bu tavsiyeleri yaptığınızda sayfanızın açılış süresinin gözle görülür şekilde çok çok fazla arttığını gözlemleyeceğinizi tahmin ediyorum.

merhabalar hocam evet trthaber sitesinden çekiyorum verileri bu aralar sorun var sanırım daha önce bu kadar geç yüklenmiyordu lazyload kullanıyorum scrool ile indikce oluyor ayrıntılı cevap için teşekkür ederim birsüre beklicem düzelmez ise o zaman resimleri kendi sunucuma download edicem