Как AMP HTML поддерживает оптимизацию изображений?

На данный момент я понял, что AMP HTML значительно поддерживает ускорение JavaScript, CSS и, вообще говоря, рендеринга страницы.

Тем не менее, по моему опыту, еще одной важной темой скорости являются изображения.

Как AMP HTML решает эту проблему, чтобы изображения идеально сжимались и изменялись в размере для текущего устройства просмотра (планшет, мобильный) и полосы пропускания (WLAN, 3G, Edge)


person Simon Ferndriger    schedule 20.12.2015    source источник
comment
<html ⚡> симпатичный символ молнии.   -  person Chris O    schedule 20.12.2015


Ответы (2)


Элемент изображения AMP amp-img поддерживает srcset (включая поддержку модификатора w, изначально недоступного в Safari) и атрибута размеров во всех браузерах, поэтому вы можете использовать современные адаптивные методы для выбора правильного изображения.

На данный момент сам AMP не занимается оптимизацией изображений. Потенциально мы могли бы начать добавлять атрибуты srcset к изображению, у которого его нет на прокси-уровне, но пока этого не происходит.

person Malte Ubl    schedule 21.12.2015

Краткое упоминание на этой странице GitHub:

Среда выполнения AMP HTML может эффективно управлять ресурсами изображения, выбирая задержку или приоритетность загрузки ресурсов в зависимости от положения области просмотра, системных ресурсов, пропускной способности соединения или других факторов.

По сути, библиотека javascript будет умнее, когда она запрашивает ресурсы изображения, что является шагом вперед по сравнению с тем, что делают браузеры сейчас: то есть загружать все изображения в фоновом режиме. Это было бы более эффективным использованием доступной полосы пропускания.

person Chris O    schedule 20.12.2015