Youtube Embed kodunun siteyi yavaşlatması ve çözümü

HTML JavaScript

Merhaba değerli okurlar, bugün Youtube Embed kodunun siteyi yavaşlatması hakkında çözüm yolu bulacağız.

Bildiğinizi gibi siteye eklenen youtube embed kodu site açılış hızını büyük oranda etkilemekte. Biz bu yavaşlık sorunu javascript ile gidereceğiz, video javascript kısmında daha hızlı bir şekilde yüklenecek.

<iframe width="560" height="315" data-src="https://www.youtube.com/embed/zU2_jPxz9q4" frameborder="0" allowfullscreen></iframe>

<script type="text/javascript">
	function init() {
	var vidDefer = document.getElementsByTagName('iframe');
	for (var i=0; i<vidDefer.length; i++) {
	if(vidDefer[i].getAttribute('data-src')) {
	vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
	} } }
	window.onload = init;	
</script>

yukarıdaki kod ile Youtube Embed kodunun site açılış hızına etki etme sorununu çözmüş olduk. En azından bende büyük oranda işe yaradı, sizde de yarayacağına inanıyorum.


Yorumlar (0)

    Bu yazıya henüz bir yorum yapılmamış! İlk yorum yapan sen ol!