Тема «TopShop»

Топовая тема для интернет-магазина любой тематики.

48 оценок

5 999 Р

Смотреть демосайт

Ваш отзыв
Установок
1000+
Разработчик
Поддержка

Базовые принципы:

  1. Увеличение скорости ответа сервера – этот параметр вам может гарантировать только ваш хостинг провайдер, это один из ключевых параметров при получении оценки, он должен находится в районе 0,2-0,3 мс. Если ваш показатель низкий, обратитесь к своему хостинг провайдеру для увеличения этого параметра.
  2. Включение сжатия GZIP – это основной параметр, который сжимает весь контент перед передачей вашим посетителям, тем самым ускоряя время загрузки сайта. Если этот параметр отключен, обратитесь к своему хостинг провайдеру для его включения.
  3. Оптимизация картинок – это самый главный и основной показатель, с помощью одних оптимизированных картинок, вы сможете увеличить скорость на 20-25%. Для оптимизации есть два способа: с помощью плагина (https://www.webasyst.ru/store/plugin/shop/tinycompress/) если у вас облако, или в ручном режиме с помощью такого же сервиса https://tinypng.com/
  4. Минификация файлов скриптов и файлов стилей – все поставляемые файлы не сжаты, это сделано для того, чтобы вы могли вносить в них изменения. Скачать сжатые скрипты вы можете в Google Speed Test, а как это сделать читайте ниже.

Как получить сжатые картинки, файлы стилей и скрипты?

После тестирования вы можете скачать архив с файлами, в котором Google уже произвел всю оптимизацию за вас. Хорошо, если у вас свой сервер, вы без проблем можете перекопировать все файлы на свой хостинг, тем самым буквально за 10-20 минут подняв параметры загрузки в Google. Если у вас облако, см. инструкцию ниже:

Свой сервер:

  1. После прохождения тестов, скачайте архив на свой компьютер, распакуйте его
  2. В архиве будет 3 папки плюс 1 файл инструкция (файл MANIFEST). Отройте файл MANIFEST и посмотрите, что предлагает сделать Google
  3. Вначале произведите замену всех CSS и JS файлов, эти файлы находятся в папке CSS и JS. Скопируйте эти файлы согласно папкам указанным в MANIFEST на ваш сервер. Например строчка css/style-1.css: https://color20.wa-magazin.ru/wa-data/public/site/themes/color_theme/style-1.css?v2.2.13 говорит, что из папки css/style-1.css скопируйте в папку на сервере /wa-data/public/site/themes/color_theme/style-1.css и т.д.
  4. Произведите замену картинок, файлы картинок находятся в папке IMG или воспользуйтесь плагином указанным выше

Ваш сайт в облаке:

  1. Вы также можете перезаписать сжатые файлы CSS и JS, но только через редактор дизайна, возможно, вам не получиться заменить все файлы, но основные файлы стилей перезаписать удастся.
  2. Оптимизируйте картинки с помощью плагина https://www.webasyst.ru/store/plugin/shop/tinycompress/
  3. Подключите CDN для ускорения скорости ответа сервера

Также, мы рекомендуем приложение, которое комплексно поможем вам ускорить сайт и увеличить показатели Google. Ускорение сайта