К основному контенту

Порядок действий

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

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

Для осуществления оптимизации скорости загрузки страниц необходимо выполнить следующие действия:
  1. Запустить инструмент PageSpeed Insights для целевой страницы, зафиксировать индекс до оптимизации
  2. Выполнить рекомендации из отчета PageSpeed Insights и чеклиста (ниже)
  3. Открыть панель "Инструменты разработчика" браузера Google Chrome и на вкладках "Performance", "Network" и "Audits" определить оставшиеся проблемные ресурсы
  4. Оптимизировать ресурсы найденные на прошлом шаге
  5. Запустить инструмент PageSpeed Insights для целевой страницы, зафиксировать индекс после оптимизации. В случае неудовлетворительной оценки провсети дополнительную оптимизацию
  6. Повторить действия для всех типовых страниц сайта и для мобильного User-agent

Чеклист

 убедитесь в наличии всех учетных данных для авторизации на сервере и хостинге
 убедитесь в наличии свежей резервной копии сайта
 проверьте время ответа сервера, проверьте возможности тарифного плана хостинга
 проверить типовые страницы на лишние перенаправления (редиректы)
 убедитесь, что в коде не подключены сторонние файлы с перехватом контента
 убедитесь, что не используется сторонние автоподключаемые функции (auto_prepend_file)
 включите ускорение на хостинге (если это возможно) или установите модуль PageSpeed
 настройте кеширование средствами сервера
 настройте сжатие
 убедитесь, что задействован кеш CMS
 оптимизируйте настройки CMS
 проверьте используются ли внешние шрифты, оптимизируйте их
 переместите скрипты в "подвал"
 включите асинхронную загрузку скриптов
 убедитесь, что не используется устаревшие плагины (flash)
 сожмите изображения
 оптимизируйте код верхней части типовых страниц
 пропишите или настройте дескриптор viewport
 проверьте адаптивность
 Настройте минификацию файлов CSS и JS
 запустите скрипт mysqltuner.pl и следуйте рекомендациям для оптимизации БД
 уберите неиспользуемые селекторы CSS

Комментарии