Konu içindeki Resimlerin tümünü, Scroll ile göstermek

Başlatan CeeMoo, 11 Şub 2021 01:01

« önceki - sonraki »

0 Üye ve 2 Ziyaretçi konuyu incelemekte.

*

  1. 1,097

  2. 101

  3. 300

Daha önce javascript ile kullanılan lazy mantığı daha sonra tarayıcı mantığına dönüştü bu sayede gösterilmek istenilen resimlerin sayfa açılır açılmaz değilde, tarayıcı ile ekranda gözükmesi dahilinde Resim yüklenmekte.
 
 Bu sayede sitenizin daha hızlı sayfa açılışları demek oluyor.

Örnek : img kısmına loading="lazy"  eklerseniz resimler artık ekranda görünecek kısma gelince yüklenir.Smf 2.1 sürümünde gelmiş olan mantığı biz Subs.php ile 2.0.18 ekleyelim.

Yapmanız gereken Subs.php de 1266 satırda veya altıdaki kodu arayarak :
Bulun:
'content' => '<img src="$1" alt="{alt}"{width}{height} class="bbc_img resized" />',Değiştirin:
'content' => '<img src="$1" alt="{alt}"{width}{height} class="bbc_img resized" loading="lazy" />',
ve 1280 satırda Resimlerin resize yapılmayanlar için;
Bulun:
'content' => '<img src="$1" alt="" class="bbc_img" />',Değiştirin
'content' => '<img src="$1" alt="" class="bbc_img" loading="lazy" />',
Yapmanız.

Konuyu anlamak için :
https://storage.googleapis.com/web-dev-assets/native-lazy-loading/lazyload.mp4



MENU ×