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

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

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

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

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

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

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

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

Насчет видео есть и вторая задумка - не фигачить флеш в страницы, а определять на клиенте возможности браузера, и в зависимости от них втыкать жабаскриптом либо флешовую, либо “родную” (html5) версию плеера. Тоже гарантирует неслабый профит.

  • 752
Comments
leprud
Искандер

Все давно придумано до нас: паттерн называется lazy load, есть плагин для jquery:
www.appelsiini.net/projects/lazyload

Пример работы (как раз с картинками по похожей схеме):
www.appelsiini.net/…/enabled_fadein.html

Vitaly

Оно придумано, только почему-то на форумах нигде не используется.