Chrome использует интерактивные скриншоты для ускорения работы сайтов

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

То, что делает Google, выходит за рамки заполнителя скриншота. Это скорее гибрид скриншота, потому что его можно прокручивать и нажимать на ссылки. Когда фактическая страница завершает загрузку, Google плавно переходит на фактическую веб-страницу.

Идея состоит в том, чтобы ускорить работу посетителей сайта, показывая им скриншот с функциональными ссылками и контентом, который пользователи могут прокручивать.

Отображение веб-сайтов на мобильных устройствах быстрее

Процесс доставки веб-сайтов медленный из-за необходимости загрузки всех различных частей, таких как необработанный HTML, CSS, JavaScrip и шрифты (которые сами по себе создают множество проблем).

Решение Chrome — показывать интерактивные скриншоты.

Сублимированные вкладки для браузера

Google называет этот новый гибрид снимка экрана и интерактивной веб-страницы Freeze Dryed Tabs.

Сублимированные вкладки браузера — это новый способ доставки веб-страниц, но он отображается не на каждом сайте, который посещает пользователь Chrome.

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

Согласно сообщению в блоге Chrome об этом:

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

Необходимо проделать большую работу по динамической загрузке ресурсов по сети, запуску JavaScript, рендерингу CSS, шрифтов и т.д.

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

Это приводит к вопросу о том, существует ли более легкий способ представления веб-контента, когда этого требует ситуация — например, в переходном пользовательском интерфейсе, таком как переключатель вкладок, или во время запуска, когда выполняется много подготовительной работы».

При обычном холодном запуске приложения Chrome загрузка веб-страницы занимает около 3,4 секунды.

Тесты показывают, что взаимодействие с пользователем улучшается благодаря ускорению загрузки до 20 %, в результате чего для отображения всей веб-страницы требуется в среднем 2,8 секунды.

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

Замечательным качеством этого решения является то, что нет никакого смещения макета, когда лиофилизированная вкладка переходит на живой сайт.

В объявлении объяснялось, как они это делают:

«Чтобы заморозить веб-страницу, мы фиксируем визуальное состояние страницы в виде набора векторной графики вместе с любыми гиперссылками.

Затем мы можем «реконструировать» (воспроизвести) эту векторную графику в облегченном виде, просто растрировав векторную графику.

Это снижает стоимость рендеринга при отображении полной веб-страницы (включая контент за пределами области просмотра) и по-прежнему поддерживает гиперссылки».

Сублимированные вкладки доступны в Chrome

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

Хотя сейчас он используется только в ситуациях холодного запуска, команда Chrome указала, что они изучают, где еще его можно использовать.

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

Цитата

Прочтите оригинальное объявление Chrome

Ускорение запуска Chrome на Android с помощью сублимированных вкладок

Избранное изображение Shutterstock/Catalyst Labs