Комментарии 13
В опере(последней) гифка не заработала на amp, html5 — все хорошо
А отчего ей работать? amp отдаёт вам пережатый под ваш экран первый кадр вместо 2-метровой громадины. Он везде выдаёт вам минимум, заточенный идеально под экран, в этом и фишка скорости. В примере hml5-версия содержит неоптимизированную графику, ~3,6Мб выходит, amp отдаёт всё хорошо пожатым, в итоге 1Мб. Если хорошо сжимать контент самостоятельно, то выигрыш будет на стороне html5 версии за счёт отсутствия лишних скриптов. Конкретно на нашем примере выигрыш за счёт lazyload+анимаций и отрезания тех самых 2Мб с анимацией котика.
Что то типа WAP страниц получается.
Давно пора реализовать в браузерах больше стандартных контролов. Те же слайдеры, модалки, табы, индикатор прогресса и тд. И дать все стилизировать.
Я не понимаю почему в этом направлении нет значительных изменений уже много лет.
Я не понимаю почему в этом направлении нет значительных изменений уже много лет.
Модалки есть, индикатор прогресса есть, слайдер есть (overflow: hidden + snap points). Про табы есть только идеи создателей спецификаций.
В каком виде? Их можно стилизировать? У них есть доступное через js api? Где работает? Извиняюсь за обильность вопросов — но я не совсем понимаю о чем вы говорите. Если дадите ссылку буду очень благодарен.
Стилизовать можно (хотя с progress и не всё гладко), браузерная поддержка у dialog и progress весьма хорша и неплохо полифилится. А вот спека snap points ещё слишком молода, хотя темпы внедрения обнадёживают. Почитать: dialog, progress, snap points
Спасибо. Всеже эти компоненты находятся в разделе экспериментов. Поддержка браузерами, на мой взгляд, плохая. Использовать их в продакшене я бы не стал.
Я говорю о том что эти компоненты используются повсеместно в современном front-end, но реализовывать их приходится с помощью js. Насколько быстрее бы была разработка и меньше весили страницы, если бы компоненты были встроены в стандарт и реализовывались браузерами.
Я говорю о том что эти компоненты используются повсеместно в современном front-end, но реализовывать их приходится с помощью js. Насколько быстрее бы была разработка и меньше весили страницы, если бы компоненты были встроены в стандарт и реализовывались браузерами.
НЛО прилетело и опубликовало эту надпись здесь
а можно подробнее за счет чего ускорение? понимающий AMP браузер рендерить все используя нативный код а не понимающий — работает через js и ускорения. Если да то кто кроме Chrome это поддерживает?
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Практический обзор Google AMP (Accelerated Mobile Pages)