Tehnografi.com - Технологические новости, обзоры и советы

Android Police теперь поддерживает Google AMP, и вам понравится, даже если вы ненавидите …

Ускоренные мобильные страницы, или сокращенно «AMP», – это проекты, над которыми Google работает в течение нескольких лет, которые упрощают создание сайтов на мобильных устройствах. Вы, наверное, видели, что большинство ваших любимых сайтов добавили поддержку AMP в последние год или два, и теперь среди них может быть Android Police (ваш любимый сайт, конечно)!

Это бесполезно!

Внедрение @AMPhtml до нашего возраста – это год производства и, как следствие, одни из лучших в бизнесе.

Очень быстрый и эффективный, он максимально приближен к основному сайту по внешнему виду и функциям, что хорошо известно. pic.twitter.com/S4iOdZyp9G

– Артем Руссаковский (@ArtemR) 30 августа 2019 г.



Вы спросите, а что же так долго? Ну, мы потратили целый год, работая над сильно настроенной версией AMP, которая выглядит и ощущается почти так же, как оригинальный сайт. Все элементы дизайна выглядят одинаково, раздел комментариев работает (многие сайты забывают эту часть!), Видео и другой встроенный контент полностью функциональны, и все, как правило, там, где вы ожидаете. Тем не менее, вы все равно можете получить преимущества скорости AMP, потому что элементы не загружаются, пока вы не прокрутите их вниз, чтобы получить их. Вы можете увидеть демо здесь.

Android Police теперь поддерживает Google AMP, и вам понравится, даже если вы ненавидите AMP 1

слева направо: Обычная страница; право: AMP страница

Если вы находитесь на AMP-версии страницы и хотите увидеть оригинальную версию, под заголовком статьи есть удобная ссылка. Большинству сайтов очень трудно вернуться на исходную страницу, и хотя наш AMP-сайт в основном такой же, как мобильный сайт, мы по-прежнему размещаем ссылки. Только статьи имеют версии AMP, а не домашние страницы, категории, теги и т. Д.

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

Смотрите галерею AMP на сайте AMP @ AndroidPolice. Лучшая часть – сильно ударить. Мне лично это нравится. pic.twitter.com/ZypDkkuP10

– Артем Руссаковский (@ArtemR) 31 августа 2019 г.

Некоторые работы для AMP оказали положительное влияние на основной сайт. Например, поскольку AMP не поддерживает пользовательский JavaScript, мы должны создать новый метод изменения размера для изображений (и видео, и другого встроенного содержимого), полностью CSS и PHP, основанный на стороне сервера. Ранее в этом месяце мы запустили новую реализацию на главном сайте, которая навсегда устраняет проблему раздражающих взлетов и падений надоедливых страниц на мобильных устройствах.

Теперь прямо на https://t.co/lCN5IQmDXV!

Не ждите, пока загрузится полная страница, чтобы все изображения и размеры были включены в размер ячейки; изменение размера теперь происходит мгновенно и выполняется в CSS. https://t.co/0TevBL1Ub7

– Артем Руссаковский (@ArtemR) 6 августа 2019 г.

Мы также подписались на программу Google «AMP Real URL», поэтому перейдите на страницу AMP в Chrome, где сразу же будет отображаться «androidpolice.com» в адресной строке, а не в URL Google (когда вы посещаете канал / новости Google / Поиск / и т. Д.). Релиз зависит от некоторой серверной магии, и это произойдет когда-нибудь в ближайшие дни.

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

Потребовалось немало усилий, чтобы наша страница AMP дополнила функции основного сайта, и я не думаю, что слишком тяжело сказать, что это одна из лучших реализаций в сети сегодня. Если вы этого ждали, обязательно поблагодарите нашу талантливую команду разработчиков: Артема, Мачей, Себастьяна, Стефана и Влада.

Если вы обнаружите ошибку, сообщите нам об этом, подняв проблему с GitHub или отправив предложение.