Как сделать «умную» загрузку страницы?

Question

[hjk]

Как с помощью JS можно управлять тегами по мере загрузки данных? За примерами далеко ходить не надо — Эмёрдж от Бирмана

Answer 1

[Сергей Мельников]

как только загрузился DOM прятать все элементы , у которых стоит определенный аттрибут, проверяем, есть ли там элементы, которые должны загрузиться:
img -

var img = new Image ()
img.src = obj.src
return !img.complete

css, в которых требуется загрузка картинки -

var cssImageProps = [
  'backgroundImage',
  'borderImage',
  'borderCornerImage',
  'listStyleImage',
  'cursor'
]
var cssUrlRegex = /url\(\s*(['"]?)(.*?)\1\s*\)/g

(проверяется регуляркой, используется ли картинка в стиле, то есть, есть ли строка типа url(../......))
и т.п.

В общем, если все готово и загружено - показываем элемент

Comments

[hjk]

Да, спасибо, всё понятно.