Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Практический обзор Google AMP (accelerated mobile pages) в Drupal 8 (Богдан Романенко)

171 views

Published on

Богдан Романенко рассказывает о том, как ускорить работу web-страниц на мобильных устройствах, каким сайтам это будет полезно и рассматривает, как можно реализовать Google AMP в Drupal 8.
------------------------------------------------------------------------------------------------------------------------------
[[ О КОНФЕРЕНЦИИ ]]
DrupalCamp Краснодар 2016
Время: 9-11 сентября 2016 г.
Место: Кубанский государственный университет. Россия, г. Краснодар, ул. Ставропольская, д. 149
Сайт конференции: http://2016.drupalyug.ru
Сайт Южного Drupal-сообщества: http://drupalyug.ru
------------------------------------------------------------------------------------------------------------------------------
[[ ОРГАНИЗАТОРЫ ]]
* Кубанский государственный университет - https://www.kubsu.ru
* Агентство "SelfinPro" - http://selfin.pro
* Компания "ИнитЛаб" - https://initlab.ru
* и Команда поддержки - http://2016.drupalyug.ru/community/organizers
------------------------------------------------------------------------------------------------------------------------------
[[ СПОНСОРЫ ]]

__Золотой спонсор__
*** PAYANYWAY ***
Прием оплаты на сайте, интернет-эквайринг
Сайт: https://www.payanyway.ru

__Серебряные спонсоры__
* ГРУППА КОМПАНИЙ I20 - http://i20.biz
* EGEEK’S CONTENT - https://www.egeeks.co

__Бронзовые спонсоры__
* Z-Wolves Development
* Vakorin
* ООО "РаДон"
* Компания Портал-Юг
* Веб-студия Voodoo
* Toptal

Подробнее о спонсорах на сайте http://2016.drupalyug.ru/sponsors

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Практический обзор Google AMP (accelerated mobile pages) в Drupal 8 (Богдан Романенко)

  1. 1. Практический обзор Google AMP (Accelerated Mobile Pages) в Drupal 8 Богдан Романенко
  2. 2. Что же такое Google AMP Google AMP - js-библиотека для ускорения работы web- страниц на мобильных устройствах. Сайт проекта: https://www.ampproject.org Особые элементы AMP вместо привычных (например тег amp-img вместо img)
  3. 3. Каким сайтам эта технология может быть полезна Блоги Новостные сайты Информационные сайты Лендинги Интернет магазины ???
  4. 4. Встроенные компоненты amp-ad Контейнер для отображения рекламы amp-img Замена тега img amp-pixel Невидимый пиксель — счетчик посещений amp-video Замена HTML5-тегу video
  5. 5. Расширения Около 60 различных расширений представленных по категориям https://github.com/ampproject/amphtml/tree/master/extensio ns Access Audio/Video PresentationAnalytics Ads Forms Scripts Access Frames Social
  6. 6. Преимущества и недостатки использования AMP Преимущества:  скорость загрузки Недостатки:  серьезные ограничения по вариантам использования компонентов  необходимость разработки и поддержки отдельной темы оформления
  7. 7. AMP в Drupal Модуль - Accelerated Mobile Pages (AMP) https://www.drupal.org/project/amp Тема - AMP Theme https://www.drupal.org/project/amptheme Библиотека - AMP PHP Library https://github.com/Lullabot/amp-library
  8. 8. Страница настройки модуля AMP
  9. 9. Пример AMP страницы Страница с AMP http://amp.ru-best.com/d?amp Обычная старница http://amp.ru-best.com/d
  10. 10. Валидность AMP 1ый - в валидаторе https://validator.ampproject.org/ 2ой в консоле браузера Добавив к адресу страницы «#development=1
  11. 11. Примеры русскоязычных сайтов, которые используют AMP Mail.Ru Group Meduza Вести.Ru Информационное агентство России ТАСС Лента.ру Московский Комсомолец Телекомпания НТВ
  12. 12. Богдан Романенко Drupal developer rbogdan@inbox.ru +7 909 457-01-09 Золотой спонсор:При поддержке: Серебряные спонсоры: Благодарю за внимание!

×