Увеличиваем скорость загрузки сайта с помощью турбо-ссылки Яндекс

Одной из важных составляющих успешного сайта — является скорость загрузки его страниц. Если пользователь кликает по ссылке перехода на веб-ресурс и долгое время ничего не происходит (сайт долго грузится), то он, вероятно, закроет ссылку и пойдёт искать другую, релевантную своему запросу веб-страницу.

Проверьте скорость загрузки своего сайта с помощью специального сервиса компании Google. По сегодняшним меркам оптимальное время загрузки сайта должно составлять не более трёх секунд. Кстати, PageSpeed Insights, подскажет и как оптимизировать страницу.

Обычно проблема со скоростью загрузки возникает именно у мобильной версии сайта. Потому что с ПК мы, как правило, заходим со стабильного домашнего интернета, а со смартфоном можем в месте, где плохое соединение. Эту проблему попыталась решить компания Яндекс с помощью сервиса турбо-страниц (функция работает и на десктопе, но чаще всего мы можем увидеть её при использовании мобильного интернета). Его обзору и посвящена данная публикация.

Как увеличить скорость загрузки сайта с помощью турбо-страницы
Источник: https://yandex.ru/company/technologies/turbo

Что такое турбо-страницы?

Если вы регулярно пользуетесь поисковой системой Yandex, вы наверняка не редко замечали в выдаче страницы с пометкой «турбо».

Как увеличить скорость загрузки сайта с помощью турбо-страницы

На сайты с турбо-ссылкой можно попасть только из сервисов Yandex: поиск или Дзен.

Как увеличить скорость загрузки сайта с помощью турбо-страницы

Эти страницы представляют собой веб-ресурс, на который переносится вся основная информация с оригинального сайта. Но при этом за счёт облегчённой вёрстки он загружается в 15 раз быстрее оригинала (буквально за секунду).

Обычный сайт в среднем весит 3 МБ. Турбо-страница — в 10 раз меньше, потому что при её вёрстке: отсекаются все «украшения» оригинальной версии (картинки, подгруженные шрифты, элементы дизайна, анимация, видео и т.д.).

На сайте по турбо-ссылке вы увидите белый фон, текст, парочку картинок и, возможно, немного рекламы. Именно за счёт «удаления» лишних элементов и достигается высокая скорость загрузки турбо-страницы.

Те немногие медиа файлы, что остаются на ресурсе, сжимаются. IPG и GIF переводятся в формат WebP.

С турбо-страницы всегда есть возможность перейти на оригинальную версию сайта. Для этого нужно нажать на кнопку «Читать на …» в конце ресурса или кликнуть по логотипу сайта в вверху страницы.

Как увеличить скорость загрузки сайта с помощью турбо-страницы

Создание сайта с высокой скоростью загрузки с помощью сервиса Турбо-страница

Создать турбо-страницу можно как для контентных сайтов, так и для онлайн-магазинов, которые работают на протоколе HTTP. Подключить режим ускоренной загрузки к сайту с SSL-сертификатом (протокол HTTPS) не получится.

Работа по созданию турбо-ссылки ведётся через Яндекс.Вебмастер

  1. Перейдите на сервис и добавьте ваш сайт: кликните по кнопке «Добавить сайт» и вставьте полную ссылку вашего веб-ресурса.
Как увеличить скорость загрузки сайта с помощью турбо-страницы
  1. Подтвердите права на ваш сайт. Это можно сделать по метатегу, HTML-файлу или DNS-записи. В самом Вебмастере будет написано, что нужно сделать для этого (что скопировать, и куда это вставить).
Как увеличить скорость загрузки сайта с помощью турбо-страницы
Как увеличить скорость загрузки сайта с помощью турбо-страницы
  1. Далее сбоку вы увидите в меню разделы «Турбо-страницы для контентных сайтов» и «Турбо-страницы для интернет-магазинов». Выберите подходящий вам вариант.

Турбо-страницы для контентных сайтов

Если у вас контентный сайт, то продолжайте действовать по этой инструкции. Если у вас интернет-магазин, пролистайте чуть ниже.

  1. Теперь вам нужно сделать RSS-канал. Это можно реализовать самому или с помощью Автопарсинга. Для сайтов, созданных на CMS WordPress некоторых других есть специальные плагины:
Как увеличить скорость загрузки сайта с помощью турбо-страницы
  1. Затем нужно подгрузить RSS-канал в Вебмастер. Это можно сделать непосредственно через Вебмастер или через API.
Как увеличить скорость загрузки сайта с помощью турбо-страницы
Скриншот с сайта службы поддержки Яндекс
  1. Последний шаг — тапнуть по «Турбо‑страницы для контентных сайтов» в Вебмастере. Перейти в «Источники». И переключить рычажок на «ВКЛ».
Как увеличить скорость загрузки сайта с помощью турбо-страницы

Турбо-страницы для интернет-магазинов

  1. Для создания турбо-ссылки для онлайн-магазина нужно сформировать YML-файл. Для каждой CMS используются свои модули и компоненты.
  2. Загрузите YML-файл в Вебмастер.
  3. Настройте оформление заказа.

Для этого нужно осуществить в Вебмастере переходы: «Турбо‑страницы для интернет-магазинов» — «Настройки» — «Оформление заказа». Там вы можете добавить необходимые способы оформления (корзина, покупка в 1 клик или переход в корзину вашего оригинального сайта).

  1. Добавьте иную необходимую информацию (о доставке, о способах оплаты и др.) с помощью раздела «О магазине» («Турбо‑страницы для интернет-магазинов» — «Настройки» — «О магазине»).
  2. Перейдите во вкладку «Турбо‑страницы для интернет-магазинов» в Вебмастере» — «Источники». Включите источник с помощью специального рычажка.
Как увеличить скорость загрузки сайта с помощью турбо-страницы

Готово! Режим турбо будет включаться самостоятельно всякий раз, когда скорость соединения будет ниже 128 Кбит/с. Как только скорость превысит превысит 512 Кбит/с — он также автоматически отключится.

Увеличиваем скорость загрузки сайта с помощью турбо-ссылки Яндекс
Источник: https://yandex.ru/company/technologies/turbo

Как вы поняли, чтобы подключить Турбо-страницы, нужно хотя бы немножко дружить с компьютером, программированием или с программистом :). Тем не менее, Турбо-ссылка — хороший вариант для оптимизации страницы своего сайта. Поверьте, ничто так не бесит пользователя, как долго прогружающаяся ссылка. 

* Статья является обзорной. Она написана на основе информации с ресурса «Технологии Яндекса». Более подробную информацию о подключении и возможностях турбо-ссылки ищите в официальных источниках Яндекс.

5 1 vote
Оцените статью

Подписаться
Уведомление о
guest
0 Комментарий
Inline Feedbacks
View all comments
0
К обсуждениюx
()
x