Что такое предварительная выборка DNS
Обновлено: 21.11.2024
Найдите ответы, руководства и учебные пособия, чтобы повысить эффективность доставки контента.
Что такое предварительная загрузка?
Существует множество способов, которыми веб-разработчики могут ускорить работу веб-сайта. Они могут сделать контент ближе к своим посетителям, оптимизировать его за счет сжатия, установить максимальное время истечения срока действия, чтобы активы дольше оставались в их браузере, и многое другое. Однако что, если бы мы смогли реализовать способ, позволяющий посетителю почти мгновенно получать доступ к контенту по его запросу — в дело вступает предварительная выборка.
Предварительная выборка позволяет браузеру автоматически извлекать необходимые ресурсы для отображения контента, к которому пользователь может получить доступ в ближайшем будущем. Браузер может хранить эти ресурсы в своем кеше, что позволяет ему быстрее доставлять запрошенные данные. Поэтому, как только веб-страница завершила загрузку и прошло время простоя, браузер начинает загрузку других ресурсов. Как только пользователь нажмет на определенную ссылку, которая уже была предварительно загружена, он сразу же увидит содержимое.
Типы предварительной загрузки
Существует три основных типа предварительной выборки. Самый популярный и широко используемый метод — предварительная выборка ссылок. Однако предварительная выборка и предварительная обработка DNS также являются полезными функциями, каждая из которых служит своей цели.
Предварительная загрузка ссылок
Предварительная выборка ссылок, как обсуждалось в предыдущем разделе, – это механизм, который позволяет браузеру извлекать ресурсы для содержания, которое, как предполагается, запросит пользователь. W3C определяет это следующим образом:
Тип связи предварительной выборки используется для идентификации ресурса, который может потребоваться для следующей навигации и который пользовательский агент ДОЛЖЕН получить, чтобы пользовательский агент мог предоставить более быстрый ответ после запроса ресурса в будущее.
Как видно на изображении ниже, предварительная выборка используется в большинстве основных браузеров, за исключением Safari, Safari для iOS и Opera Mini.
Следует отметить, что предварительная выборка работает только для кэшируемых ресурсов, таких как CSS, изображения, JavaScript и т. д. Однако после предварительной выборки кэшируемого ресурса и перехода пользователя на страницу с этим ресурсом он будет доставлен очень быстро. так как он уже загружен в фоновом режиме.
Одним недостатком предварительной выборки ссылок является то, что если пользователь не перейдет на страницу с предварительно выбранным ресурсом, его браузер уже без необходимости извлечет ресурс в фоновом режиме, тем самым увеличив размер своего кеша без каких-либо дополнительных действий. реализованная выгода.
Предварительная загрузка DNS
Предварительная загрузка DNS позволяет браузеру выполнять DNS-поиск ссылок на странице в фоновом режиме, пока пользователь просматривает текущую страницу. Это сводит к минимуму задержку, поскольку, когда пользователь щелкает ссылку с включенной предварительной выборкой DNS, ему не нужно ждать выполнения поиска DNS, как это уже было.
Предварительную выборку DNS можно добавить к определенному URL-адресу, добавив тег rel= к атрибуту ссылки следующим образом:
Подобно предварительной выборке ссылок, предварительная выборка DNS также используется в большинстве современных браузеров.
Предварительный рендеринг
Предварительная отрисовка аналогична предварительной выборке тем, что она собирает ресурсы, необходимые для отображения страницы, на которую пользователь может перейти. Хотя основное отличие состоит в том, что вместо того, чтобы просто загружать необходимые ресурсы, пререндеринг фактически отображает всю страницу в фоновом режиме. Страница скрыта, но если пользователь перейдет на нее, скрытая страница заменит текущую вкладку и отобразит запрошенную пользователем страницу.
На диаграмме ниже показана визуальная демонстрация того, что происходит при использовании предварительной визуализации.
Предварительный рендеринг — это наименее поддерживаемый тип предварительной выборки в основных браузерах. Поддерживается только в IE, Edge, Chrome, Opera и Chrome для Android.
Пример предварительной выборки
Популярные поисковые системы, такие как Bing и Google, известны тем, что используют предварительную выборку для доставки результатов пользователям при выполнении поиска. Когда пользователь вводит свой поисковый запрос, поисковая система продолжает и предоставляет результаты пользователю. В зависимости от того, какие результаты обычно посещает пользователь (обычно первое или второе), ресурсы для этих страниц затем загружаются заранее, что ускоряет загрузку, если пользователь нажимает на ссылку.
Несмотря на то, что предварительная выборка является полезным инструментом для ускорения работы в Интернете, у ее использования есть и несколько недостатков. Например, веб-сайты, такие как Google, которые используют предварительную выборку, используют пропускную способность владельца веб-сайта для загрузки страницы, которую пользователь может фактически не посещать. То же самое относится и к отслеживанию просмотров страниц в Google Analytics: пользователь может фактически не посещать предварительно выбранный сайт, однако просмотр страницы все равно будет записан.
CDN и предварительная загрузка
Использование предварительной выборки в сочетании с сетью CDN – это хорошая практика, которую часто используют для дальнейшего ускорения загрузки веб-сайта.Хотя оба они включают в себя определенный уровень извлечения данных и их хранения, они действуют по-разному. CDN извлекает данные с исходного сервера и кэширует их на пограничном сервере рядом с посетителями. С другой стороны, предварительная выборка извлекает данные (либо с пограничного сервера CDN, либо с исходного сервера) и кэширует их в браузере.
Хотя оба метода отличаются друг от друга, они могут работать вместе, чтобы сократить время загрузки. На самом деле мы используем предварительную выборку на нашем основном сайте, как показано ниже.
Обзор
Предварительная выборка, без сомнения, является полезным механизмом браузера. Возможность извлекать ресурсы для более быстрой доставки контента, пока пользователь просматривает текущую страницу, делает эту функцию привлекательной как для владельцев веб-сайтов, так и для зрителей. Для получения дополнительной информации и подробного списка часто задаваемых вопросов посетите страницу часто задаваемых вопросов по предварительной выборке Mozilla.
Подсказки по ресурсам: что такое предварительная загрузка, предварительная выборка и предварительное подключение?
Сегодня мы собираемся изучить текущие подсказки и директивы ресурсов, которые могут стать еще одним отличным способом повысить производительность вашего веб-сайта или веб-приложения. Возможно, вы слышали о предварительной загрузке, предварительной выборке и предварительном подключении, но мы хотим углубиться в…
Предварительное подключение
Читайте также: