На Chrome Dev Summit 2019 компания Google анонсировала новые инструменты для разработчиков, позволяющие улучшить взаимодействие с пользователем, сократить время загрузки и повысить безопасность в Интернете.
Два десятилетия назад Google начинал как поисковая система в Интернете, но сегодня он доминирует в том, как мы взаимодействуем с Интернетом. Поиск Google сам по себе контролирует большую часть онлайн-использования, но другие продукты, такие как самый популярный в мире браузер – Гугл Хром – а также наиболее используемая мобильная операционная система – Android – выдвинула Google на лидирующие позиции среди других участников Интернета. Процент пользователей, выходящих в Интернет с помощью мобильных устройств, увеличился, а также увеличился акцент интернет-гиганта на сокращении времени загрузки для обеспечения устойчивости. AMP или ускоренные мобильные страницы был одним из шагов, предпринятых Google для обеспечения более быстрой загрузки веб-страниц. В прошлом году компания также представила веб-элемент, известный как «
С целью «заставить загрузку исчезнуть», Google сегодня анонсировала новые инструменты для разработчиков на Саммит разработчиков Chrome 2019 сделать Интернет более безопасным и удобным для пользователей, а также повысить шансы помочь разработчикам увеличить свою пользовательскую базу, а также доходы.
Порталы
Google продемонстрировал прогресс, который Порталы сделано с тех пор, как они запустили его на Google I/O в начале этого года и реализовали под флагом в Chrome Canary. Чтобы освежить вашу память, порталы позволяют разработчикам встраивать определенный контент или целые веб-страницы в другую веб-страницу, как в iframe. Чтобы исключить время ожидания, контент внутри портала или фрейма загружается, пока пользователи все еще просматривают исходную веб-страницу.
Google поделился примером сервиса продажи билетов в кино Fandango, в котором целевая страница определенного фильма (Джокер в примере) привязан внутри портала. Когда пользователь нажимает на Joker, следующая страница отображается уже полностью загруженной.
Веб-пакеты
Google объявляет Веб-пакеты который создан, чтобы помочь веб-разработчикам делиться своим веб-контентом с другими с помощью различных средств, включая, помимо прочего, электронную почту, USB или FTP. Разработчики смогут эффективно кэшировать весь веб-контент, предназначенный для совместного использования, с помощью таких API, как Фоновая периодическая синхронизация и Индексирование контента а затем выборочно отображать необходимый контент, даже если конечный пользователь не подключен к Интернету. Чтобы веб-разработчики могли использовать эту функцию, Google делает веб-пакеты доступными под флагом Chrome, в то время как два API будут доступны как испытания происхождения.
Нативный веб-интерфейс
Понимая, что многие пользователи используют свои мобильные телефоны для выхода в Интернет, Google также признает модели использования нескольких устройств по всему миру. Уже более двух лет Google продвигает Прогрессивные веб-приложения (PGA) в качестве замены родным приложениям Android с целью сокращения времени загрузки и потребления данных.
[ширина видео="390" высота="800" mp4=" https://static1.xdaimages.com/wordpress/wp-content/uploads/2019/11/Login_OTP_Flow_Swiggy.mp4"]
Чтобы согласовать веб-приложения с собственными приложениями, Google анонсирует три новые функции для разработчиков. Это:
- СМС-приемник, что позволит веб-приложениям получать коды аутентификации на основе SMS так же, как это могут делать приложения. На видео выше вы можете увидеть, как веб-версия индийского сервиса заказа еды Swiggy предлагает пользователю использовать проверочный код, полученный по SMS.
- Выбор контактов, который позволит пользователям загружать контакты в веб-приложения аналогично обмену контактами в приложениях для обмена сообщениями, таких как WhatsApp.
- API собственной файловой системы, который предоставит веб-приложениям разрешение и возможность читать файлы и папки с устройства пользователя и напрямую сохранять в них изменения. Потенциальные приложения этой функции могут включать онлайн-текстовые редакторы, фото- и видеоредакторы, даже веб-IDE и многое другое.
Эти API также будут доступны в виде пробных версий для Google Chrome.
Новые метрики и рекомендации для разработчиков
Чтобы помочь контекстуализировать общее «здоровье Интернета», Google анонсировал проект под названием Веб-альманах в партнерстве с HTTP-архив. Под руководством 85 экспертов проект направлен на поиск идей и визуализацию тенденций на основе практических данных о лучших и худших практиках в Интернете.
Миссия включала проверку почти 6 миллионов веб-сайтов, после чего эти эксперты кратко изложили свои выводы о способах улучшения пользовательского опыта в 20 глав. Эта практика будет повторяться как «ежегодная традиция», чтобы Альманах оставался полезным руководством для веб-разработчиков.
Наряду с этим Google также представляет две новые метрики, которые помогут разработчикам оптимизировать свои веб-сайты с учетом лучших практик. Это:
- Самая большая содержательная краска (LCP), который определяет «воспринимаемое» время загрузки веб-страницы. Проще говоря, это время загрузки «самого большого элемента, видимого в точке обзора». Это будет количественно оценить, насколько быстро загружаются ключевые элементы на веб-странице, чтобы разработчики могли устранить любые отставания. LCP рассчитывается за время до взаимодействия пользователя со страницей, поэтому цель здесь — максимально минимизировать задержку загрузки.
- Совокупное изменение макета (CLS), который используется для измерения стабильности веб-страниц. Это может помочь разработчикам определить, как часто элементы, такие как кнопки или конкретное изображение, меняют свое расположение в видимой части во время загрузки страницы. Таким образом, CLS может помочь разработчикам устранить эту неприятную проблему, связанную с изменением положения элементов во время загрузки страницы. Этот показатель основан на «оценке смещения макета», которая измеряет тенденцию элементов страницы смещаться во время загрузки, тем самым беспокоя пользователей. Оценка изменения макета в идеале должна быть равна нулю – или, по крайней мере, как можно ближе к нулю – чтобы обеспечить удобство работы для пользователей.
Чтобы помочь разработчикам добиться максимальной производительности, доступности и эффективности своих веб-сайтов, Google расширяет сферу применения Наборы маяков к различным фреймворкам. Помимо WordPress и Next.js, которые уже поддерживаются Lighthouse, Google добавляет поддержку такие фреймворки, как AMP, Angular, React, а также Magento, CMS, предназначенная исключительно для электронной коммерции. веб-сайты.
Улучшите управление памятью, улучшите конфиденциальность и улучшите контроль.
Google утверждает, что вкладывает время, усилия и деньги в устранение одной из самых больших проблем с Google Chrome — потребления памяти. Помимо работы над улучшением управления памятью, они также постоянно улучшают производительность Chrome, чтобы гарантировать, что Интернет останется доступным для всех, независимо от «тип их устройства, скорость интернета или покупательная способность."
Что касается конфиденциальности, следующая версия Google Chrome, то есть ver79, улучшит обработку файлов cookie. Это включает в себя новый переключатель на странице «Новые вкладки» в режиме «Инкогнито», который помогает пользователям лучше контролировать сторонние файлы cookie. Страница настроек также будет изменена, чтобы этот переключатель был легко доступен в обычном режиме.
Google продолжает свои усилия по развитию Песочница конфиденциальности, который определяется как набор открытых стандартов, предназначенных для улучшения конфиденциальности в Интернете. Цель Privacy Sandbox — позволить веб-сайтам использовать файлы cookie, не заставляя пользователей чувствовать себя перегруженными или небезопасными из-за рекламы, а также найти способы заблокировать снятие отпечатков пальцев.