Chrome теперь использует интерактивные снимки экрана, ускоряя веб-страницы на 20 % благодаря технологии Freeze Dryed Tabs. Новая технология используется в переходные моменты, например, при холодном пуске.
Google анонсировала новую технологию, используемую в Chrome, которая создает интерактивные снимки веб-страниц, ускоряющие работу пользователей. Chrome называет это замороженными вкладками, и он используется прямо сейчас.
То, что делает Google, выходит за рамки заполнителя скриншота. Это скорее гибрид скриншота, потому что его можно прокручивать и нажимать на ссылки. Когда фактическая страница завершает загрузку, Google плавно переходит на фактическую веб-страницу.
Идея состоит в том, чтобы ускорить работу посетителей сайта, показывая им скриншот с функциональными ссылками и контентом, который пользователи могут прокручивать.
Отображение сайтов на мобильных устройствах стало быстрее
Процесс доставки веб-сайтов медленный из-за необходимости загрузки всех различных частей, таких как необработанный HTML, CSS, JavaScrip и шрифты (которые сами по себе создают множество проблем).
Решение Chrome — показывать интерактивные скриншоты.
Вкладки Freeze Dryed для браузера
Google называет этот новый гибрид снимка экрана и интерактивной веб-страницы Freeze Dryed Tabs.
Сублимированные вкладки браузера — это новый способ доставки веб-страниц, но он не отображается для каждого сайта, который посещает пользователь Chrome.
Скорее, это решение для ускорения переходных моментов, таких как переключение между вкладками или запуск браузера.
Согласно сообщению в блоге Chrome об этом:
Рендеринг веб-контента может потребовать больших вычислительных ресурсов и временами может показаться медленным по сравнению с родным приложением.
Необходимо проделать большую работу по динамической загрузке ресурсов по сети, запуску JavaScript, рендерингу CSS, шрифтов и т.д.
На мобильных устройствах это особенно сложно, и Chrome часто может одновременно загружать только несколько веб-страниц из-за ограничений памяти устройства.
Это приводит к вопросу о том, существует ли более легкий способ представления веб-контента, когда этого требует ситуация — например, в переходном пользовательском интерфейсе, таком как переключатель вкладок, или во время запуска, когда выполняется много подготовительной работы.
При обычном холодном запуске приложения Chrome загрузка веб-страницы занимает около 3,4 секунды.
Тесты показывают, что взаимодействие с пользователем улучшается благодаря ускорению загрузки до 20 %, в результате чего для отображения всей веб-страницы требуется в среднем 2,8 секунды.
Следует подчеркнуть, что это рендеринг всей страницы в лиофилизированном состоянии, включая контент, который находится ниже области просмотра (часть, которую посетитель сайта должен прокрутить, чтобы увидеть).
Примечательным качеством этого решения является то, что нет никакого смещения макета, когда лиофилизированная вкладка переходит на активный сайт.
В объявлении объяснялось, как они это делают:
Чтобы заморозить веб-страницу, мы фиксируем визуальное состояние страницы в виде набора векторной графики вместе с любыми гиперссылками.
Затем мы можем «реконструировать» (воспроизвести) эту векторную графику в облегченном виде, просто растрировав векторную графику.
Это снижает стоимость рендеринга при отображении полной веб-страницы (включая контент за пределами области просмотра) и по-прежнему поддерживает гиперссылки.
Вкладки Freeze Dried Tabs доступны в Chrome
Эта технология, ускоряющая создание интерактивной веб-страницы, в настоящее время используется в браузере Chrome.
Хотя сейчас технология используется только в ситуациях холодного запуска, команда Chrome указала, что они изучают, где еще его можно использовать.
Это хорошая новость для всех разработчиков сайтов, поскольку это может означать, что страницы загружаются быстрее для посетителей сайта, что потенциально может привести к более высокому уровню удовлетворенности посетителей.