Как лучше загружать контент для пользователей с помощью JavaScript?

Question

У меня есть страница с большим количеством изображений и другого кода, который будет работать лучше, если он загружен лениво.

Я пытался сделать это с тегом noscript, но я только заметил, что он не работает правильно в IE.Он работает в любом другом браузере, который я тестировал (FF, Opera, Chrome, Safari и т. Д.), Поэтому я немного расстроен.

Я почти уверен, что в тот или иной момент у меня это работало в IE, потому что я некоторое время использовал эту технику и довольно часто тестирую IE ... но сейчас она не работает ивсе, что я гуглю, похоже говорит о том, что это никогда не работало.

Вот простой пример копирования и вставки, который показывает, что я пытался:без javascript тоже самое.Я просто использую jquery для вкладки содержимого, чтобы его было легче просматривать.Поскольку содержимое с вкладками в javascript, оно требует ленивой загрузки при открытии вкладки, поэтому при начальной загрузке страницы не требуется много времени.

Как этого добиться, не выводя html более одного раза

Answer 1

Что вам нужно сделать, так это чтобы все изображения указывали на пиксельный GIF (или PNG).Напишите скрипт, который проверяет, прокручивал ли пользователь рядом с изображением, а затем используйте Javascript, чтобы поменять пиксель на полное изображение.

В написанных мной скриптах у вас будет тег изображения, который выглядит следующим образом:

<img src="pixel.gif" data-img="path-to-full-img.jpg" />

В качестве альтернативы, вы можете использовать плагин, подобный этому .Примечание: я не использовал этот плагин раньше, но похоже, что это все, что вам нужно.

Если вы действительно хотите получить хардкор, вы можете lazyload свой JavaScript, используя что-то вроде h ead.js или control.js