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

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

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

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

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

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

 inline="yes">

и <

 inline="yes">

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

 <!-- для Firefox -->
 <!-- для Chrome -->

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

 1) && ($paged max_num_pages)) { ?>
<link rel="prefetch" href="">
<link rel="prerender" href="">

<link rel="prefetch" href="">
<link rel="prerender" href="">

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

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. Ruslan

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

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

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

      Ответить
  2. rainylive

    а в опере и IE работает?

    Ответить
  3. AlexandrTransparent

    А есть способ сделать, чтобы загрузились все страницы из меню сайта?

    Ответить
    1. AlexandrTransparent

      Проще говоря, присвоить всем ссылка из меню

      rel="prerender"
      Ответить