Как оптимизировать скорость загрузки сайта. Тест Гугла pagespeed

После создания любого сайта, если веб мастер заботится о его будущем, то он обязательно сделает тест скорости. Данный тест позволит определить, как долго подгружаются все html теги, css и js скрипты. Впрочем обо всем по порядку.

На сегодня, самым актуальным сервисом по тесту скорости любого сайта я считаю pagespeed от Гугла. Мало того, что он проверяет скорость загрузки вашего сайта в процентах для ПК и мобильных устройств, так он еще и расписывает по пунктам, что вам требуется сделать для того, чтобы улучшить результат.

Данные рекомендации применимы не только для того, чтобы улучшить цифры в тесте, они действительно ускоряют скорость загрузки вашего сайта. Для примера вы можете увидеть скрин теста моего сайта. Сразу скажу, что пришлось много поработать для достижения таких результатов. Считаю хорошим результатом, если для ПК у вас будет от 70-75%, а для мобильных от 60%.

Общие рекомендации теста pagespeed сводятся к следующему:

1. Уменьшайте размер картинок, иногда они весят очень много.
2. Уменьшайте размеры CSS и JS скриптов с помощью сжатия файлов. Например, если есть библиотека jQuery, то убедитесь, что она в min версии. Если используется css иконки fontawesome, то подключайте их также в min версии. min версия имеется ввиду, что скрипт записан всего в пару строк без переносов строк. За счет этого размер файлов уменьшается на пару драгоценных кБ + браузер чуть быстрее считывает данные.
3. Отключайте те скрипты и CSS, которые не используете.
4. По возможности используйте асинхронное подключение скриптов. Это означает, что скрипты могут загружаться одновременно с загрузкой всего сайта. Чаще всего они находятся в head и сначала время тратится на их полную загрузку, а затем грузятся HTML элементы сайта.
5. Если скрипты нет возможности грузить асинхронно, то советую их добавить в футер сайта.
6. Вы можете использовать кэш браузера, чтобы скрипты и стили запоминались у пользователя. В этом случае, если он откроет сайт повторно, то он загрузится гораздо быстрее.
7. Также данный тест советует сократить время сервера. Считается плохим результатом, если ответ более 200 mc (у меня вообще 460 mc). Но это совокупный параметр. На него может влиять прежде всего движок, скорость соединения с БД, ее захломленность и сам хостинг - насколько он мощный.

Самое интересное, что после теста скорости Гугл pagespeed, в конце он предложит вам скачать все скрипты, картинки и CSS файлы, которые он оптимизирует самостоятельно. Даже если просто перезагрузить обработанные файлы, то скорость загрузки увеличится на 5-10%, что уже очень неплохо.