💡 Андрей Липатцев (Google) о веб-технологиях нового поколения

💡 Андрей Липатцев (Google) о веб-технологиях нового поколения

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

Одна из проблем, с которой сталкивается пользователь — задержка между кликом и появлением контента. Этого можно избежать (клонит к AMP). Вторая проблема — отсутствие товара на складе. Нужно дать пользователю возможность вернутья, например, с помощью push-уведомлений. Хотелось бы получать доступ к контенту даже тогда, когда нет интернета.

99% проблем веб-бизнеса

- закрытые модели дистрибуции

- плохой осадок от мобильного веба

- монетизация контента

- скорость изменения технологий

- блокировщики рекламы

Ускоренные мобильные страницы (AMP) позволяют упростить контент, оптимизировать его и кешировать, чтобы отдавать пользователям ещё быстрей. Загрузка происходит быстрее секунды, это в 4 раза быстрей средних сайтов и в 10 раз меньше данных. Эту технологию уже поддерживают Bing, Твиттер, Линкедин, Wordpress и другие ведущие площадки мира.

Прогрессивные веб-приложения (PWA) это еще одна полезная технология. Позволяет сделать вас нативным на устройстве пользоватля. Происходит все за счет простого яваскрипта Service Worker. С помощью него вы управляете, как выглядит экран телефона у пользователя... при этом, без установки приложения. Андрей приводит примеры сайтов AirBerlin и Flipkart. Service Worker пока не поддерживается в Safari, но рассматривается такая возможность.

Скачайте для хрома плагин Progressive Web App, с помощью него можно тестировать сайт на использование тех или иных решений.

Людям на мобильном сложно использовать клавиатуру, они не любят создавать новые аккаунты, а вы как-то должны с них принимать платежи. Хорошо бы найти решение, чтобы данные подтягивались из других источников. Google разработал технологию Smart Look, которая позволяет в одно касание входить пользователю в ваш ресурс. - пример авторизации на сайте kayak.com

Подробнее, как работает Smart Look: https://ln2.in/YDWfnN7

Про Payment Reqest API: https://ln2.in/ys1JqLg

Все эти штуки дадут вам конкурентное преимущество и максимально эффективное решение задач.

Источник новости https://t.me/devakatalk/470...