Php ile Youtube Videolarını “Defer”leme

Php ile kodladığım blog scriptinde bir içerikte 10 adet youtube videosu koydum ve sayfanın aşırı derecede ağırlaştığını gözlemledim. Hemen bir fonksiyon yazarak bu işi çözmek istedim. Bu fonksiyonuda sizlerle paylaşayım dedim.

function youtubedefer($dizge)
{
if(strstr($dizge,'<iframe')):
return $degistir=str_replace('<iframe src="', '<iframe src="img/loading.gif" data-src="',$dizge);
else:
return $dizge;
endif;
}

burada fonksiyonumuzun içine koyacağımız metinde öncelikle <iframe kelimesini araştırıyoruz. daha sonra eğer iframe varsa belirli bir kısmı kesip yeni yapıyı yazıyoruz. src kısmına ben yükleniyor resmi atadım daha sonra da asıl src kısmını data-src ye atadım. Sayfanın alt kısmınada gerekli javascript kodunu eklediğinizde artık youtube videoları sayfa açıldıktan sonra yüklenecektir.

<script>
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>

Test edebileceğiniz bağlantı


PHP Kodlama kategorisinde 03 Şubat 2020 - 12:35:02 tarihinde yayınlanmıştır. 216 Gösterim

Kazım USLU Hakkında

PHP,MYSQL,CSS,JS,JQUERY yazılım dillerine hakim, Şu sıralar PYHTON ve LINUX üzerine araştırma geliştirme yapan, sunucu optimizasyonu ile uğraşan dijital kod yazarıyım...

Yorumlar (0)

Bu yazıya henüz bir yorum yapılmamış, hemen bir tane yapmak ister misin ?

Yorum Yapın