Для тех, кто еще не знает об этом сервисе: Google PageSpeed Insights это сервис, который анализирует содержимое страницы сайта, а затем предлагает способы решения определенных проблем. На первый взгляд, это прекрасный сервис, который всё раскладывает по полочкам и пишет что необходимо исправить. Но почему тогда возникает столько трудностей при исправлении проблем, которые предлагает сервис PageSpeed Insights.
В основном трудности возникают из-за того, что большинство используют различные CMS. А это не HTML страница с 3-мя папками (CSS, IMG, JS) где всё легко найти. На CMS установлено очень много плагинов, которые находятся в отдельных папках. Также сама тема (шаблон) для новичка кажется просто ужасно сложной и он боится вносить любые изменения, чтобы ни в коем случае не навредить сайту.
Прежде чем приступать к основной части статьи, я хочу порекомендовать Вам следующие статьи по оптимизации:
На что влияет скорость загрузки страниц сайта?
Прежде чем начинать оптимизировать давайте посмотрим на что же влияет загрузка страниц и стоит ли вообще заниматься оптимизацией:
- 1. Потеря потенциальных клиентов — все мы постоянно торопимся и не хотим ждать даже лишнюю секунду, потому что информации в интернете достаточно и можно найти другой сайт, который загрузиться намного быстрее.
- 2. Ухудшение поведенческих факторов — из первого пункта вытекает то, что человек не дожидаясь полной загрузки страницы покидает ее, а это поисковой системой считается как отказ. Чем больше процент отказов, тем, по мнению поисковой системы, менее полезным считается контент и сайт понижается в поисковой выдаче.
- 3. Проблемы с мобильным трафиком — сейчас большинство для поиска информации в интернете используют мобильные устройства. Скорость интернета в мобильных гаджетах оставляет желать лучшего. Но никто не хочет терять дополнительный трафик на сайт, поэтому необходимо выжать максимум из оптимизации сайта для мобильных устройств как по скорости загрузки, так и по удобству просмотра.
- 4. Алгоритм mobile-friendly — который Google официально объявил весной 2015 года. Согласно ему страницы, которые корректно отображаются на мобильных устройствах будут ранжироваться выше в результатах мобильного поиска.
Ссылка на сервис — Google PageSpeed Insights
Ускорил ли я свой сайт на 100 баллов по меркам Google PageSpeed Insights?
На изображении выше Вы можете видеть результат. Да, я смог даже из сайта на CMS выжать 100 баллов. Сейчас Вы можете проверить и начать писать в комментариях о том, что у меня нету 100, а лишь 98 баллов. И говорить о том, что плох параметр «Время ответа от сервера». Но в данном цикле статей Вы получите рекомендации как выжать максимум и получить 100 баллов. Главное выполняйте все рекомендации, которые я буду давать в статьях и на видео.
Для каких сайтов и CMS я буду давать решения?
Рекомендации, которые Вы получите по решению той или иной проблемы можно применить абсолютно на любом сайте: будет ли это лендинг на чистом HTML или сайт под управлением CMS.
Также конкретные рекомендации получат пользователи сайтов под CMS WordPress. Здесь я буду также говорить о плагинах, которые позволяют помочь в решении отдельной проблемы.
Практика
Предварительно сделайте резервную копию Вашей темы (шаблоны), если Вы используете CMS или резервную копию Вашего лендинга.
Начнем мы с самых простых методов оптимизации и будем двигаться к более сложным. Вам лишь необходимо успевать внедрять мои рекомендации.
1 Проблема
Сегодня мы рассмотрим сразу 2 пункта: "Оптимизируйте Javascript" и "Оптимизируйте CSS".
2 Решение
Смотрите видео, чтобы узнать о том, как оптимизировать Javascript и CSS, а также какие нюансы при использовании CMS бывают.
Оптимизация файлов индивидуальна для каждого отдельного сайта, поэтому внимательно изучите то, о чем я рассказываю на видео и сделайте по аналогии для своего сайта.
Список сервисов для оптимизации JS файлов:
Список сервисов для оптимизации CSS файлов:
Вывод
Просто чтение статьи не поможет ускорить Ваш сайт. Поэтому сразу после просмотра видео делайте то, о чем я там рассказал.
Если Вы хотите, чтобы я показывал процесс решения проблем с оптимизацией на примере Вашего сайта — тогда свяжитесь со мной с помощью данной формы — Задать вопрос. Тогда в следующих видео я буду рассказывать на примере Вашего сайта способы решения проблем, которые рекомендует сервис Google PageSpeed Insights.
Успехов!
С Уважением, Юрий Немец