Вопрос ускорения загрузки сайтов имеет все большее значение по ряду причин:
• Пользователи хотят получать желаемый контент как можно быстрее и не хотят ждать даже нескольких секунд;
• Работа над ускорением позволит улучшить и его оценку поисковиками, а значит – поспособствует выводу запросов в топ10.
Недавно Yandex реализовал собственный механизм кэширования (https://yandex.ru/dev/conversion/sitespeed/), который позволяет повысить скорость загрузки сайтов в Яндекс.Браузере.
Чтобы запустить кэширование, необходимо выполнить несколько простых шагов:
Создание манифеста:
Специальный файл, сообщающий браузерам то, какие ресурсы следует сохранить, а какие заменять, называется манифестом. Также, в нем описывается информация, необходимая для работы NativeCache – механизм данного кэширования отличается тем, что он управляется отдельным файлом, и длительность хранения кэша может быть задана вручную через параметры в манифесте:
• yandex.cache.cache_max_ages_in_days;
• yandex.cache.cache_expires.
В случае если параметры не заданы, то хранение будет производиться от 7 до 30 дней.
В манифесте указывается:
• Информация о сайте (название, URL, описание и т.д.);
• Ссылки на ресурсы (файлы), которые планируется кэшировать (изображения, файлы JS, CSS и другие статичные данные).
Пример готового манифеста на реальном сайте:
• https://inaka-fasad.ru/yandex-manifest.json.
Манифест несложно собрать вручную – необходим только список ресурсов, которые следует кэшировать и базовая информация о сайте. Список файлов для кэширования можно подготовить с помощью сканирования сайта (например, в программе Screaming Frog SEO Spider), сохранив список урлов нужных файлов. Важно отметить, что ссылки должны отражать физическое расположение ресурса на сайте и иметь 200й отклик сервера. Сами ссылки в манифесте могут быть как абсолютными, так и относительными.
Подробную информацию о каждом параметре манифеста можно посмотреть на специальной странице Яндекса (обратите внимание на то, какие из параметров необходимо добавить в манифест обязательно): https://yandex.ru/dev/conversion/doc/dev/manifest.html.
Отдельно стоит отметить параметр «app_version» - он нужен для того, чтобы сообщать пользователю актуальную версию Вашего манифеста. То есть, если Вы обновили свой манифест (включив в него новые ресурсы или исключив неактуальные), то необходимо повысить версию данного параметра, чтобы у пользователя, когда он зайдет на сайт, обновились кэшируемые ресурсы.
Публикация манифеста:
Чтобы запустить кэширование и показать Яндекс Ваш манифест необходимо загрузить его на сайт и в код каждой страницы (в область <head></head>) добавить ссылку на него по следующему примеру:
<link rel="manifest" href="/yandex-manifest.json">
Здесь «/yandex-manifest.json» - пусть к Вашему файлу.
После индексации Яндекс автоматически подхватит манифест и кэширование начнет работать.
Важно отметить, что если Ваш сайт использует поддомены, то на них должны быть отдельные манифесты (доступные по ссылке на конкретном поддомене). Кроме того, область навигации (scope) в них должна соответствовать конкретному поддомену.
Проверка манифеста:
Провести тестирование можно несколькими способами:
1. С помощью Яндекс.Браузера – для этого нужно:
• Открыть новую вкладку, и перейти по адресу «browser://turboapp-internals/»;
• Указать в появившемся поле URL манифеста и нажать на кнопку «Add» (во вкладке «Turboapps»):
• В результате должно появиться сообщение о корректном статусе и информация о манифесте:
Отметим, что корректный статус манифеста (показывается в таблице, в поле «State») — Ready and actual. Если статус Filling cache/Filling cache error — проверьте состояние загрузки ресурсов в поле View resource list. А если же статус другой или таблица не выводится (статус загрузки, отличный от «Loaded»), то необходимо проверять корректность самого манифеста – в нем не должно быть ошибок. Чтобы проверить ошибки, можно открыть файл манифеста в браузере Firefox, который может показать ряд ошибок JSON.
2. Также проверить разработанный манифест можно онлайн в сервисе Яндекс - https://turboapps.yandex.ru/console/check-manifest.
• Здесь нужно ввести адрес Вашего сайта в поле:
И нажать кнопку «Проверить». После проверки должен появиться статус «Проверено».
• Также, если Вы еще не опубликовали свой манифест на сайте, то проверить можно по полному коду – для этого необходимо выбрать «Код JSON» и скопировать в него полный код манифеста. После проверки также должно появиться сообщение «Проверено»:
Оригинал статьи на нашем сайте: https://ics-media.ru/blog/yandex-keshirovanie/.