Одним малоизвестным нововведением HTML 5 является предварительная загрузка наполнения в броузер.

Предварительная загрузка в HTML5

Пока вы просматриваете содержимое страницы, в броузер подгружается, указываемое внутри страницы содержимое, которое, по заключению вебмастера, посетителю сайта понадобится при последующем переходе (без любых манипуляций AJAX).

Вот как это работает: вы добавляете такую строку в собственную страницу:
<link rel="prefetch" href="/images/big.jpeg">
Сейчас броузер автоматически загрузит page2.html в фоновом режиме, если компьютер пользователя простаивает. Как только пользователь перейдет по ссылке на page2.html, броузер возьмет страницу из кэша, и загрузка будет почти мгновенной.

Подобный тип ссылок предварительной загрузки сейчас поддерживается лишь Firefox. Однако так как Firefox является вполне популярным браузером в мире, вы можете существенно увеличить время загрузки для существенной части ваших пользователей, просто добавив одну строку кода в HTML. Хорошо ведь, да?

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

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

+ На стартовой странице проекта или его части где применяется аннотация и после нужно кнопка "Дальше".

+ На странице поиска для предварительной загрузки верхнего результата.

Кроме того, данный способ возможно применять для предварительной загрузки статического содержимого:
<link rel="prefetch" href="/images/big.jpeg">
Кое-какие иные любопытные моменты:

+ Помощь предварительной загрузки, возможно, в скором времени возникнет в Опере, Chrome и Safari очень скоро, чего не скажешь о Internet Explorer.

+ Если эта технология станет популярной, то она может исказить статистику. Дело в том что для сервера подобный запрос смотрится как обычное посещение пользователем страницы и отнюдь не факт, что он ее в действительности посетит.

Firefox передает серверу о таком запросе, отправляя в заголовке HTTP, X-moz: prefetch, по этой причине подобные запросы возможно на сервере особым образом отработать.

Более детально о данной технологии смотрите на веб-сайте Mozilla.

От себя добавлю, естественно как и всякая технология - эта возможность несет в себе, скрытые угрозы - к примеру скачать то, что вы не желаете, однако это уж такая плата за все новое. По крайней мере возможность отключения в браузере FIREFOX данной функции уже предусмотрена. Для отключения этой функции в FIREFOX возможно воспользоваться директивой:
user_pref("network.prefetch-next", false);

HTML   Теги: Html



Редакция портала:

Благодарим за просмотр этой информации на нашем компьютерном портале. Надеемся, что обзор Предварительная загрузка в HTML5, в разделе HTML вам понравился. Есть небольшая рекомендация, если вы хотите быть в курсе всех событий сферы информационных технологий, то рекомендуем зарегистрироваться на портале www.stfw.ru.


Живая лента

•  Украинская компания создала автобус-внедорожник Torsus Praetorian и планирует продавать его по цене от $100 тыс. - 16.08.2018: STFW.Ru: Украинская компания Pulsar Expo, созданная в 2014 году супругами Вахтангом


•  Смартфон Oppo F9 рассекретили до анонса - 16.08.2018: STFW.Ru: Компания Oppo полностью рассекретила свой новый флагманский смартфон F9 за


•  Смартфон BlackBerry KEY2 LE показали на утекших рендерах - 16.08.2018: STFW.Ru: В сети всплыли новые рендеры пока не представленного смартфона BlackBerry KEY2 LE,


•  Предсказано активное развитие рынка потребительских SSD - 16.08.2018: STFW.Ru: Твердотельные накопители уверенно вытесняют с рынка персональных


•  Дрон Yuneec Mantis Q хвастается способностью проводить в воздухе более получаса - 16.08.2018: STFW.Ru: Проблема всех компактных дронов заключается в их автономности – она, мягко


•  Анонсирован смартфон Motorola P30 с вырезом в экране - 16.08.2018: STFW.Ru: Состоялся показ нового смартфона Motorola P30 с дизайном, который все уже знают –