На моем сайте много тонких изображений, которые уменьшают скорость моего сайта. Я хочу загрузить все изображения моего сайта после загрузки сайта без них.Как загрузить изображения после загрузки окна?
Какое лучшее решение для этого? Я хочу это в jQuery. Любое предложение NICE JQUERY PLUGIN приветствуется.
Заранее спасибо.
Мой любимый http://www.appelsiini.net/projects/lazyload
@sbom - Спасибо за ваш ответ. Но lazyload кажется не работает на моем сайте :(FYI, я не могу использовать исходные данные для изображений. Есть ли какое-либо решение для этого? – TheCrypticNerd
Я использовал, чтобы сделать это на моих ASP страниц.
Просто создать все ваши изображения теги, как этот
<img ID="img_1"/>
Как только это будет сделано, с Jquery:
$(document).ready(function(){
document.img_1.src="YourImageUrl";
});
Там вы идете, как только ваша страница загрузится содержание, его покажет все ваши изображения.
Это все равно уменьшит время загрузки страницы (если вы проверяете скорость страницы Google). Вместо этого вы хотите добавить его к событию onload окна –
Вы хотите, чтобы вы запускали javascript до того, как все изображения закончили загрузку, или вы хотите асинхронно загружать изображения после того, как остальная часть содержимого страницы закончила рендеринг? – zzzzBov
@zzzzBov - Я хочу загрузить изображения после того, как остальная часть содержимого страницы закончила рендеринг. – TheCrypticNerd
Что вы действительно ДОЛЖНЫ делать, это попытаться устранить эти большие изображения. Вы пытаетесь придумать кодовое решение для проблемы с дизайном, и для этого нет идеального решения. Используйте уменьшенные изображения, которые ссылаются на изображение большего размера. Или сохраните изображения при более высоком сжатии JPEG. Или, еще лучше, и то, и другое. – Blazemonger