Спекулятивная предварительная отрисовка в браузере

Спекулятивнаяпредварительнаяотрисовкавбраузере

Подробнее о спекулятивной предварительной визуализации в браузере и о том, как принять участие в пробной версии Chrome origin.

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

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

предварительная выборка и prerender являются спекулятивными подсказками – используйте их, чтобы порекомендовать браузеру получить определенный ресурс, потому что высока вероятность, что он может

Эта статья посвящена спекулятивной предварительной выборке и предварительной отрисовке. Узнайте больше о том, как они используются, о недостатках текущих реализаций и популярных внешних библиотеках, реализующих сложные предположения. Усовершенствования, которые позволяют использовать спекулятивный предварительный рендеринг одного и того же происхождения в браузере, еще не разработаны, и вы можете узнать больше об их дизайне и принять участие в Пробная версия Chrome origin .

предварительная выборка и пререндер : Текущая реализация #

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

предварительная выборка намекать #

Когда разработчики включают предварительную выборку подсказка на странице A, чтобы сообщить браузеру, что он может получить либо страницу B, либо определенные ресурсы на странице B заранее, браузер может получить эти ресурсы, пока он простаивает без влияет на обработку страницы A.

Синтаксис для использования предварительная выборка на исходной странице (страница A нашего примера) выглядит следующим образом:

  
   <ссылка 
 rel    знак равно  " предварительная выборка  "  
 href    знак равно  "/полученные результаты/ "  в качестве  знак равно   "документ"  >    

как здесь не является обязательным, но помогает браузеру установить правильные заголовки, необходимые для определения того, находится ли ресурс уже в кеше.

Доступные поддержка предварительной выборки , а варианты реализации несколько изменились за последние пару лет.

Поддержка браузера:

 Chrome 8, Поддерживается    8  
  firefox 2, поддерживаемый    2   край 21, Поддерживается   
 017    сафари, не поддерживается   
 ×  

 Источник 

пререндер намекать #

Включая предварительную визуализацию подсказка указывает браузеру заранее отобразить страницу B. Предварительная отрисовка страницы обеспечивает мгновенную навигацию, когда пользователь фактически щелкает ссылку для страницы B.

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

 
 <ссылка 
 rel  
  знак равно  
 " пререндер 
 "   href    знак равно   " / следущая страница/"  >    

пререндер поведение, однако, все еще четко не определено или универсальная реализация .

Поддержка браузера:

  хром 45, Поддерживается   
 45  
 
 firefox, не поддерживается    ×  
 край 100, Поддерживается   
 107  
 
 сафари, не поддерживается    ×  

Источник

Реализация предварительной выборки

#

Следует отметить несколько важных моментов, касающихся поведения предварительной выборки (особенно в Chrome):

Leave a comment

Your email address will not be published. Required fields are marked *

4 × four =