Новое в Chrome 60

Пит ЛеПейдж

  • API-интерфейс Paint Timings позволяет измерять время до первой отрисовки и время до первой отрисовки контента с помощью Paint Timings AP.
  • 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 .

Веб-сборка

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

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

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

И более!

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

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

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

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

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