Web sitemdeki takılmanın sebebi nedir?

Merhaba. Web sitemde tasarım referanslarım yer alıyor.
Örneğin avatar kısmında site çok yavaşlamasın diye sadece 300 MB edecek kadar çok az bir referansımı siteye yükledim.
Ayrıca kullandığım internet 1.000 Mbps hızında, bu hızda bir internetin 300 MB'yi yüklemesi hiç zor olmaz.
Videoda göreceğiniz gibi, çok ciddi bir yavaşlık ve takılma söz konusu. Web sitemdeki takılmanın sebebi nedir?

Video: LİNK
Site: LİNK

lazy load kullanmalısın. (300mb bi sayfa için aşırı aşırı aşırı fazla)

Web sitenizin bulunduğu sunucuda optimizasyon yapılmamış olabilir. Optimize edilmiş bir web sunucusuna geçiş yapmanız daha iyi olacaktır veya sunucu size ait ise optimizasyon hizmeti verebiliriz.

Teşekkür ederim fakat mesele boyutla ve dolayısıyla lazy load ile alakalı olmaz. Normal şartlarda 1.000 Mbps internet o görselleri çok çok hızlı yükler, hepsini üst üste koysanız 300 MB. 5-10 saniyede tamamı yüklenir.

Teşekkür ederim. Sunucu sağlayıcım ile bir iletişime geçeyim.

Tabi dilerseniz sağlayıcınızı bize yönlendirirseniz Gelişmiş Optimizasyon Hizmeti verebiliriz.

hocam aslında problemi google chrome geliştirici araçlarına girip network izleme kısmına baksan görebilirsin. sayfanda onlarca gif var, bu da aynı ayna sayfana çok fazla istek yani yük oluşturuyor. istersen kullandığın internet şuankinin 10 katı olsun. sunucunun cevap verme kapasitesi yeterli değilse kasar.

ben senin yerinde olsam, ana klasöre birtane placeholder.jpg eklerim, ve aşağıdaki şekilde her bir gif için html elementini güncellerim.

<img data-src="uploads/slayt/367408-hareketli-profil (28).gif" src="placeholder.jpg" class="lazyload" alt="Hareketli Profil Tasarımı">

siten php, yeterli bilgin varsa, kaydırdıkça yükleme yaptırabilirsin, lazy load'a ek olarak, kullanıcı kaydırdıkça sunucudan yeni gif'ler çekilir. bir nevi pagination özelliği gibi.

Teşekkür ederim fakat lazy load burada işe yaramaz. Çünkü GIF'ler 100x100 pixel gibi ufak bir alanı kapsıyor ve kaydırmaya gerek kalmadan bir anda onlarcası mecburen gözüküyor.
Lazy loaddan ziyade sunucu tarafını çözmem gerekiyor sanırım.

Geç yüklenme için cdn kullanmanızı ve uzantıları .webp olarak değiştirmenizi tavsiye ederim. Sunucu taraflı geç gelmeyi çözseniz bile giflerin işlenmesi client side bir durumdur. Yani benim cihazım kötüyse internetim yavaşsa o gifler gene kasa kasa ve geç gelecektir.

https://api.primepanel.net/tools/

web site mantığı düşündüğünüz gibi çalışmamakta. sayfanın tamamı yüklenene kadar bekletir. Mesele sizin internetin hızı kadar sunucunuzunda hızıdır. O yüzden sayfayı yükledikten sonra mediaların yüklenmesi lazım böyleylikle kasmaz.