n-wp.ru — блог о WordPress

Как добавить предварительную загрузку страниц (Prefetch)

В современных браузерах вовсю стала использоваться технология предварительной загрузки (Prefetch). Что это такое? Например, вы загрузили страницу, на которой указаны две ссылки. Браузер проверяет эти ссылки, и если они корректные, то включается механизм предварительной загрузки — он в фоновом режиме загружает содержимое страниц, полученных по этим ссылкам, к себе в кэш. В итоге, если вы решите перейти по этим ссылкам, то страницы будут отображены практически мгновенно, ведь они будут загружены из кэша браузера. Чтобы браузер не загружал страницы, которые можно открыть вообще по всем ссылкам, для активации предварительной загрузки, были придуманы специальные метки. Таким образом браузер загружает в фоновом режиме и кэширует только те ссылки, которые действительно необходимы для увеличения скорости работы блога. Можно разрешить предварительную загрузку некоторых внутренних ссылок, например, следующей страницы, главной страницы.

Браузеры, умеющие делать предварительную загрузку:

  • Mozilla Firefox 6: поддерживает с помощью специального синтаксиса
  • Google Chrome 13: поддерживает с помощью специального синтаксиса
  • Safari 5: пока не поддерживает
  • Internet Explorer 9: пока не поддерживает
  • Opera 11: поддерживает по-умолчанию для всех ссылок на странице, управление в настройках браузера

Для вставки ссылок, которые нуждаются в фоновой предварительной загрузке, используйте в файле header.php между тегами <

и <

такую конструкцию:

Более сложный пример использования с предварительной загрузкой в случае необходимости следующей страницы и главной страницы блога:

Режим Prefetch включен в разрабатываемые стандарты HTML5, и, скорее всего, будет скоро использоваться всеми браузерами. Конечно, имеет смысл включать Prefetch только на тех сайтах, которые предполагается просматривать на компьютере. В случае с мобильными версиями сайтов Prefetch может сыграть плохую роль, так как увеличивает трафик при просмотре страниц (фактически грузятся не одна, а сразу несколько страниц). Пользуйтесь с умом!

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

5 комментариев

  • Только вот такое решение увеличивает нагрузку на блог, можно сказать в разы. неплохо было-бы контролировать нагрузку на сервер и в зависимости от неё прописывать или не прописывать данные тэги =) Ну это так, личные соображения.

    А вообще классная вещь.

    • Ну на счет в разы — не уверен. Все равно вы загрузите еще пару-тройку страниц. Так какая разница, сделаете вы это подряд или потом?