Вернуться в карточку решения Главная>База знаний (FAQ)>Inline CSS для ускорения загрузки сайта и увеличения баллов Google PageSpeed

Как проверить работу модуля

Один из самых часто задаваемых вопросов - как проверить работу модуля и посмотреть сколько прироста он дал. Ниже я опишу алгоритм, которым пользуюсь сам, для проверки прироста в https://developers.google.com/speed/pagespeed/insights/

Внимание: в режиме администратора модуль не активен, соотвественно не забывайте, что тестировать его нужно неавторизованным

1. Настройка модуля и проверка работы

а) Первое что нужно сделать после установки - донастроить модуль. Переходим в настройки модуля, проверяем стоят ли галочки: "Подключать Google Fonts инлайн", "Подключать внешние стили инлайн" и "Удалять из css пробелы, переносы и комментарии". Устанавливаем. Сбрасываем весь кеш сайта.

б) После нам нужно проверить, отработало ли для всех стилей Inline размещение. Открываем исходный код любой страницы сайта ищем элементы <link> подключающие .css файлы (именно подключающие css файлы, в коде могут быть элементы <link> подключающие иконки и прочие служебные данные, с ними ничего не должно было произойти). Если элементов <link> подключающих .css нет - модуль настроен верно, если есть - попробуйте увеличить параметр "Не подключать inline css для файлов весом...." в 2 раза или обратитесь в техническую поддержку: me@arturgolubev.ru

в) После того как мы убедились что всё работает можно переходить к тестированию.

2. Делаем замеры с выключенным модулем

Сначала мы замерим показатели работы сайта с выключенным модулем.

а) Откройте настройки модуля и отключите его

б) Сбросьте весь кеш

в) Перейдите в Google Page Speed и сделайте замеры на паре страниц, к примеру на главной и любой внутренней

г) Запишите результаты для пк и мобильного отдельно

3. Делаем замеры с включенным модулем

После нам нужно сделать замеры с включенным модулем.

а) Открываем настройки модуля и включаем его

б) Сбрасываем кеш сайта

в) делаем замеры на тех же страницах

г) Записываем результат для пк и мобильного отдельно

4. Анализируем результаты

Сравните результы в баллах, так же обратите внимание на следующие параметры: "Время загрузки первого контента", "Индекс скорости загрузки", "Время загрузки достаточной части контента".

Прирост от модуля прямо пропорционален влиянию проблемы блокировки страницы стилями. Соотвественно прирост в пунктах Google Page Speed у всех свой.

Даже если он не большой - проверьте насколько визуально быстрее на мобильном открывается страница, когда модуль включен и нет блокировки страницы!