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

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

Stfw.Ru: Пока вы просматриваете содержимое страницы, в броузер подгружается, указываемое внутри страницы содержимое, которое, по заключению вебмастера, посетителю сайта понадобится при последующем переходе (без любых манипуляций 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.


Живая лента

•  Обновление iOS 11.2.6 устранило проблему с индийским символом - 20.02.2018: STFW.Ru: Компания Apple опубликовала очередное обновление для мобильной операционной


•  Sony готовится к запуску онлайн-сервиса заказа такси в Японии - 20.02.2018: STFW.Ru: Когда речь заходит об онлайн-сервисах заказа такси, первой на ум, конечно же,


•  Samsung Galaxy S9: официальные изображения, характеристики, результаты теста GeekBench, дата выхода и цена - 20.02.2018: STFW.Ru: До официальной презентации нового флагманского смартфона Samsung Galaxy S9


•  Лучшие решения для безопасности Windows 10 - 20.02.2018: STFW.Ru: Немецкая лаборатория AV-TEST опубликовала очередное исследование комплексных


•  Медицинский скандал: в Бельгии врачи умертвили пациента против его воли - 20.02.2018: STFW.Ru: Бельгийские врачи провели эвтаназию пациенту по просьбе его семьи, не


•  Лукашенко: мне надо побывать в МОК, расшевелить это сонное царство - 20.02.2018: STFW.Ru: Президент Беларуси Александр Лукашенко намерен в ближайшее время лично