Web sitemdeki takılmanın sebebi nedir?

Question

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

velmut · Answer

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

Hakpix · Answer

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.

FiKRAL · Answer

velmut adlı üyeden alıntı:						mesajı görüntüle									lazy load kullanmalısın. (300mb bi sayfa için aşırı aşırı aşırı fazla) 		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.

Hakpix adlı üyeden alıntı:						mesajı görüntüle									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. Sunucu sağlayıcım ile bir iletişime geçeyim.

Hakpix · Answer

FiKRAL adlı üyeden alıntı:						mesajı görüntüle									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.

Ezgo Yazılım · Answer

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.

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.

FiKRAL · Answer

teorikyazar adlı üyeden alıntı:						mesajı görüntüle									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.

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.

PRIMEPANEL · Answer

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/

velmut · Answer

FiKRAL adlı üyeden alıntı:						mesajı görüntüle									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. 		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.

FiKRAL · Answer

velmut adlı üyeden alıntı:						mesajı görüntüle									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. 		Anladım sağ olun, lazy loadı nasıl yapabilirim bir araştırayım

FiKRAL · Answer

velmut adlı üyeden alıntı:						mesajı görüntüle									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. 		Anladım teşekkürler, lazyload nasıl yapılır bir araştırayım

ntka · Answer

Çok fazla sorgudan dolayı kitleniyor.

Sayfa aşağı indikçe içerik yükleme; kullanıcı kaydırdıkça yeni verilerin otomatik yüklenmesi (Infinite Scroll) veya sadece görünür alandaki öğelerin (resim, video) yüklenmesi (Lazy Load) yöntemleridir. 
Bu teknikler, sayfa açılış hızını artırır, veri kullanımını azaltır ve kullanıcı deneyimini iyileştirerek e-ticaret siteleri ile sosyal medyada sıkça kullanılır.

Yada Gecikmeli veri yükleme örnek ilk 10 veri yüklendi sonraki veri yüklemesi 3 sn sonra buda yapılabilir.