2016-03-31 26 views
0

Sayfa hızımı arttırmak istiyorum ve sayfadaki resimler nedeniyle sayfa hızı azaldı. Bir görüntü ekrandan çıktığında, o görüntüyü gizlemek veya sadece ekrandayken yüklemek istiyorum.Ekran dışı görüntüler nasıl saklanır?

Zaten öğenin ekran dışında olup olmadığını kontrol edebilirim, ekran kapalıyken görüntüleri nasıl gizleyeceğinizi bilmek istiyorum.

+2

Bir resim yüklendikten sonra, onu kaldırmak veya gizlemek için herhangi bir kod muhtemelen daha da kötü hale getirecektir, çünkü daha sonra yeniden yüklemek/göstermek için daha fazla koda ihtiyaç duyacağınız gibi. Bu bir optimizasyon türüdür. muhtemelen tarayıcı düzeyinde yapılmalı (ve muhtemelen yapılmakta) - render motorunun ekran dışı unsurlarla ilgilenmesini beklerdim. –

+0

Tüm resimlerin üzerine yineleyebilir ve ekran kapalıysa src özniteliğini kaldırır ve değer ile data-src ekleyebilir ve görüntü görünür olduğunda (kaydırma olayını kullanabilirsiniz) src özniteliğini geri ekleyebilirsiniz. – jcubic

+0

http://stackoverflow.com/help/how-to-ask – StefanS

cevap

2

bunun gibi tembel yükleyici kullanmak olacağını yapmanın en kolay şey: Görüntü görünümünde olduğunda sonra yüklemeye başlayacaktır böylece http://www.appelsiini.net/projects/lazyload

Bunu yapılandırabilirsiniz. Bu şekilde ilk yükleme süreniz azalır.

İlgili konular