Sorununuz PHP'de değil gif resimleri tarayıcı açarken tarayıcı kasıyor.
Aşağıdaki kodu sayfanızın altına ekleyin. Gifleri yüklediğiniz img kodunun src'sinin data-src olarak güncelleyin.
Örnek;
Eski;
<img src="banner.gif">
Yeni;
<img data-src="banner.gif">
<script>
window.onload = function () {
const observer = new IntersectionObserver(entries => {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
lazyImage.classList.add("loaded");
lazyImage.classList.remove("lazy");
observer.unobserve(lazyImage);
}
});
}, {
rootMargin: "150px"
});
var srcImages = document.querySelectorAll('img[data-src]');
srcImages.forEach(box => {
observer.observe(box);
})
}
</script>
Merhaba, aşağıda linklediğim sayfalarda GIF tasarım referanslarım mevcut.
Çok fazla referans görseli olduğu için yavaş yükleniyor. Referanslara bakmak isteyen insanlar da ister istemez sıkılıyor.
Bu sayfaların bekletme yapmadan çok hızlı bir şekilde yüklenmesini sağlayabilirim diyen varsa [Yapacağı işlem - Teslim süresi - Fiyat] rica edebilir miyim
SAYFA 1 -
SAYFA 2