КАК УСКОРИТЬ ЗАГРУЗКУ САЙТА ДО 1 СЕКУНДЫ С AMP GOOGLE

КАК УСКОРИТЬ ЗАГРУЗКУ САЙТА ДО 1 СЕКУНДЫ С AMP GOOGLE

КАК УСКОРИТЬ ЗАГРУЗКУ САЙТА ДО 1 СЕКУНДЫ С amp GOOGLE


Если верить статистике, а ей стоит доверять, – 70% пользователей интернета заходят в сеть с мобильных устройств. Поэтому, необходимо уделять внимание такому моменту, как мобильная версия вашего сайта, не важно личный он, рекламный или корпоративный. Когда смартфон подключен к скоростному WiFi, загрузка происходит быстро. Но в случае с 3G/4G, которые еще не слишком распространены вне мегаполисов, ждать приходится очень долгое время.

Согласно мнению аналитиков – если сайт не успевает открыться за 3 секунды, 52% пользователей просто его закрывают. Что это значит для вас, когда сайт представляет собой способ заработка? Потеря каждого второго потенциального клиента.


Такая «халатность» недопустима – нужно что-то делать

Вот тут и поможет AMP или Accelerated Mobile Page от Google. Точнее, технология не принадлежит компании, так как создается усилиями независимых разработчиков, безвозмездно делящихся своими достижениями в области ускорения загрузки. Основная суть работы заключается в уничтожении «лишнего» контента на странице, чтобы пользователь получил именно то, что искал в поисковике.

Устраняют 90% нагружающего кода, который и является главной причиной замедления загрузки. Получается, что 1 контакт, когда человек видит необходимую информацию, товар или услугу, происходит гораздо быстрее. А пока он на него смотрит и изучает, потихоньку прогружается остальной контент.

Технология работает в большинстве современных браузеров и на социальных платформах.

Как происходит волшебство AMP Google

Примечательно, что рекламная информация и сервисы аналитики останутся в рабочем состоянии, просто немного «переработанными». Основные изменения затронут следующее:

⦁ HTML - сжимается;
⦁ JavaScript - ограничивается;
⦁ Кастомные CSS – отключаются.

 

Принцип работы AMP Google

Пора начинать ускорение

На официальном портале технологии имеется подробная инструкция, где все расписывается пошагово. Однако нужно понимать, что для внедрения требуется хорошее знание HTML, на котором все и основывается. Ведь именно код будет изменяться – создается файл, связанный с сайтом, где указывается, что AMP версия будет основной (канонической). Это для новых страниц, а в случае в существующими – ситуация изменяется и работы будет явно больше:

⦁ Создаются отдельные AMP страницы, на которые будут даваться ссылки в базе данных.
⦁ Добавляются новые шаблоны, с помощью которых размещается новый контент.
⦁ CSS требуется переписать, для достижения определенного размера.
⦁ Изменить систему добавления мультимедиа.
⦁ На каждой странице прописывается новостная микроразметка, на которую будут ориентироваться поисковые машины.
⦁ Подключается Google Analytics.

Работы много, но результат стоит этого

Эффект от оптимизации сайта
По итогам вы получаете сайт, который в мобильном варианте будет грузиться за 1 секунду, то есть – моментально для пользователя. Кроме того, благодаря гугловской технологи кэширования, в случае временного пропадании интернета на устройстве, сайт все равно продолжит работу, хоть и не совсем в полноценном виде.

Поділитися
У пошуках підрядника з розробки сайту?
Заходьте до нашого online каталогу Веб-студій та вибирайте партнера за рядом критеріїв: бал, портфоліо, відгуки, кейси та статті. Або організуйте тендер в даному каталозі, вибравши компанії, що вам сподобалися.
Більше не потрібно шукати та обдзвонювати діджитал-агентства!
Створіть тендер та отримайте пропозиції від найкращих веб-студій України.
У каталозі 1700+ діджитал-агентств, які готові допомогти в реалізації ваших завдань. Вибирайте та економте до 30% свого часу та бюджету! Це безкоштовно та займе менше 3-х хвилин.
Створити тендер
Bug