Сверстать страницу (html5) + AMP версию
2326 UAHЕсть макет, исходники в фигме.
Правая страница, "Новая сетка".
Нужно его адаптивно сверстать (референс мобильной версии, +- такой vseojkt.ru)
А затем сверстать AMP версию, чтобы она была максимально похожа на мобильную.
Из того что точно нужно вставить в верстку сразу (чтобы потом мы не забыли при интеграции) ниже.
Макет - это новая версия дизайна вот этой страницы:
Соответственно напишу строчки, которые точно должны быть в коде:
17-21
critical CSS (у этого макета он получается свой)
37-92
112
115
Поиск должен как и сейчас быть реализован через яндекс.
Обязательно должна присутствовать микроразметка
Комментарии сейчас подгружаются из стороннего сервиса, соответственно верстку для них брать с текущего сайта, а стили переназначать отдельным файлом.
793 - 812 (репост записей)
830-842 (скрипт подгрузки комментариев)
1784 - 1802
Интегрировать скрипт LazyLoad картинок как и в текущей версии
1971-1990 - обратите внимание как подключаются не критичные скрипты, нужно также (для более быстрой загрузки)
1992-2021 - тут скрипт подгрузки релевантных новостей. Он в макете реализован справа от комментриев, нужно этот блок выдвигать, когда осталось 20% до конца статьи. Ну либо когда в нижней части экрана появились авторы
2081-2098