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