Новое в Chrome 60

Пит ЛеПейдж

  • API Paint Timing позволяет измерять время до первой отрисовки и время до первой отрисовки контента с помощью AP Paint Timings.
  • Функция font-display позволяет вам контролировать отображение шрифтов перед их загрузкой.
  • WebAssembly приземлился
  • И это еще не все !

Хотите полный список изменений? Ознакомьтесь со списком изменений в исходном репозитории Chromium

Меня зовут Пит ЛеПейдж . Давайте окунемся в мир и посмотрим, что нового для разработчиков в Chrome 60!

API таймингов покраски

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

API предоставляет две метрики:

  • Время первой отрисовки — момент, когда браузер начинает что-то отображать, первый фрагмент контента на экране.
  • Время первой отрисовки контента — момент, когда браузер отображает первый фрагмент контента из DOM: текст, изображение и т. д.

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

Свойство CSS font-display

Веб-шрифты дают вам возможность внедрять богатую типографику. Но если у пользователя еще нет шрифта, его нужно загрузить, что может сделать ваш сайт медленным.

К счастью, большинство браузеров будут использовать резервный вариант, если загрузка шрифта занимает слишком много времени. Новое свойство font-display позволяет вам контролировать, как отображается загружаемый шрифт до его полной загрузки.

  • auto использует ту стратегию отображения шрифтов, которую использует пользовательский агент.
  • block задает шрифту короткий период блокировки и бесконечный период замены.
  • swap дает шрифту период блокировки ноль секунд и бесконечный период подкачки.
  • при fallback шрифту назначается чрезвычайно короткий период блокировки и короткий период замены.
  • optional задает шрифту чрезвычайно малый период блока и период подкачки в ноль секунд.

Поддерживается в Chrome 60 и Opera, а также находится в разработке в Firefox. Ознакомьтесь с Управление производительностью шрифтов с помощью font-display для получения дополнительной информации.

Веб-сборка

Web Assembly или wasm предоставляет новый способ запуска кода, написанного на таких языках, как C и C++, в Интернете со скоростью, близкой к скорости машинного обучения.

Он обеспечивает скорость, необходимую для создания видеоредактора в браузере или для запуска игры Unity с высокой частотой кадров, используя существующие API веб-платформы, основанные на стандартах.

Более подробную информацию, включая демонстрации, документацию и инструкции по началу работы, можно найти на сайте webassembly.org .

И многое другое!

  • Новый API Web Budget позволяет сайтам с разрешением на push-уведомления отправлять ограниченное количество push-сообщений, которые запускают фоновую работу, например синхронизацию данных или отклонение уведомлений, без необходимости показывать видимое пользователю уведомление.
  • Теперь доступна PushSubscription.expirationTime , которая уведомляет сайты о том, когда истечет ли срок действия подписки.
  • Теперь поддерживаются свойства rest и spread объектов , что упрощает объединение и поверхностное клонирование объектов, а также реализацию различных неизменяемых шаблонов объектов.

Примечание: API запроса платежа был перенесен в Chrome 61.

Это лишь некоторые из изменений в Chrome 60 для разработчиков.

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

Меня зовут Пит ЛеПейдж, и как только выйдет Chrome 61, я сразу же расскажу вам, что нового в Chrome!