Tag: оптимизация страниц

Придумал как загрузку внешних картинок и видео оптимизировать

Но будет это только в нодеке, так что губу не раскатывайте пока:

  • Отложенную проверку внешних картинок я уже делал. Таким же макаром можно закешировать размеры и принудительно втыкать их в HTML, чтобы при загрузке страница не “скакала”

  • По умолчанию ставим для картинок и видео атрибут visibility=hidden. Браузер загрузит страницы, зарезервирует место (размеры мы указали), а сам контент грузить не станет. Это быстро.

  • Потом инициализируем JS, и страницей уже можно пользоваться.

  • Далее на выбор:

    • Возвращаем vitibility=visible, и картинки с видео догружаются. Но мы уже в домике: остальное все работает, а не ждет загрузки. Профит.
    • Ставим трекинг видимой области и возвращаем visbility только когда пост с тяжелым контентом стал видимым (или домотался где-то рядом).

Таким же макаром можно организовать превьюшки аттачей, это еще проще. Записал в “мысли на потом”, сделаю обязательно.