В данной статье пойдет речь о том как проверить скорость работы  существующего сайта и как оптимизировать сайт, ускорить загрузку страниц.

Существует множество инструментов которые позволяют проверить скорость загрузки страниц сайта. Остановимся на трех основных инструментах, которые используют специалисты  веб студии "FeoBit".
1. ЯндексВебМастер. Очень полезный , бесплатный инструмент, который позволяет проверить и оптимизировать сайт. Данный инструмент позволяет последовательно проверить все страницы сайта по следующим параметрам: код статуса HTTP, время ответа сервера, кодировка сайта, размер страницы, а также проверить содержимое страницы (код). Главные здесь параметры это код статуса HTTP, должен быть 200 ОК и скорость загрузки должна быть не более 3 секунд. Если скорость загрузки выше, то как правило, проблема с вашим хостингом.

2. Сервис Pagespeed от компании Google. Полезный и мощный инструмент. Можно измерить скорость загрузки сайта по очень наглядной шкале загрузки. Низкая скорость 0–49;  средняя- 50–89 ; высокая скорость загрузки - 90–100 пунктов.
Ниже выводятся следующие показатели:
 -Время загрузки первого контента ;
- Индекс скорости загрузки ;
- Время загрузки для взаимодействия ;
- Время загрузки достаточной части контента; 
- Время окончания работы ЦП ;
- Максимальная потенциальная задержка FID - это измерение времени ответа на пользовательское событие.

 Далее идет блок рекомендаций выполнение которых должно привести к повышению скорости загрузки сайта, давайте подробней рассмотрим данные инструменты:
1.Удалите неиспользуемый код CSS . Рекомендации: чтобы сократить расход трафика, удалите ненужные правила из таблиц стилей и отложите загрузку кода CSS, который не используется в верхней части страницы.
2.Настройте предварительную загрузку ключевых запросов. Рекомендации: чтобы загружать требуемые ресурсы в порядке приоритета, вам следует использовать  <link rel>.
3.Устраните ресурсы, блокирующие отображение. Рекомендации: Некоторые ресурсы препятствуют загрузке контента страницы. Рекомендуем настроить загрузку необходимых ресурсов JS/CSS в первую очередь и отложить загрузку остальных ресурсов

4.Используйте современные форматы изображений . Рекомендации:Для изображений в форматах JPEG 2000, JPEG XR и WebP используется более эффективное сжатие, поэтому они загружаются быстрее и потребляют меньше трафика, чем изображения PNG и JPEG.
5. Отложите загрузку скрытых изображений.  Чтобы уменьшить время до начала взаимодействия, рекомендуем использовать принцип lazy loading для скрытых изображений после того, как все важные ресурсы будут загружены.
6.Уменьшите размер кода JavaScript. Уменьшение файлов JavaScript может сократить размер фрагментов кода и время анализа скриптов.
7.Настройте показ всего текста во время загрузки веб-шрифтов . Чтобы пользователь мог видеть текст, пока веб-шрифты не загрузились, используйте функцию отображения шрифтов CSS.
8.Задайте правила эффективного использования кеша для статических объектов. Длительное время хранения кеша может ускорить загрузку при повторных посещениях страницы.  
9.Минимизируйте работу в основном потоке . Рекомендуем сократить время на анализ, компиляцию и выполнение скриптов JS. Для этого вы можете уменьшить размер фрагментов кода JS.
10.Сократите время выполнения кода JavaScript . Рекомендуем сократить время на анализ, компиляцию и выполнение скриптов JS. Для этого вы можете уменьшить размер фрагментов кода JS.

Недавно Google выпустила новый инструмент для оптимизации сайта, это модуль modpagespeed. Данный модуль ставится на сервере и выполняет работу по оптимизации контента на сайте . Наши специалисты установили на тестовый сервер данный модуль:
Server: Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips mod_fcgid/2.3.9 PHP/5.4.16
X-Powered-By: PHP/7.1.20
X-Bitrix-Composite: Cache (200)
X-Mod-Pagespeed: 1.13.35.2-0 
После продолжительный тестов и диалога со службой техподдержки 1С Битрикс. Специалисты веб студии приняли решение не использовать данный модуль в работе. По нашим наблюдениям модуль давал прирост в скорости загрузки контента примерно на 15-20 пунктов. При этом данный модуль ломал страницы сайта на 1С-битрикс, не работал функционал визуального редактора  и некоторые диалоговые окна.

Вывод: на данный момент самый действенный способ  это оптимизация картинок на сайте, загрузить на сайт картинки  маленького размера, желательно до  15 кБ, это дает выигрыш в скорости порядка 20-30 пунктов. Второй вариант это подключить на сервере сжатие текста, данный прием дает выигрыш 10-15 пунктов в скорости. Также внимательно посмотреть: какой код JavaScript можно отключить без вреда для сайта?

Продолжение будет...