Google speed test и продвижение сайта

С каждым годом поисковые системы учитывают все больше критериев для ранжирования сайтов. В 2014 году дополнительным подспорьем для выхода в топ была адаптивность. Чтобы быть на вершине холма в 2018, научитесь оптимизировать ресурсы.

Оптимизация — манипуляции, благодаря которым сайты быстрее открываются в сети. Нет единого свода правил, следуя которым вы получите молниеносно загружающийся проект. Но не спешите расстраиваться: на выручку приходит Google speed test.

Как пользоваться Google speed test

Проверьте скорость загрузки любой веб-страницы через Google PageSpeed Insights. Сервис сделан интуитивно понятным:

1. 1перейдите по ссылке;
2. 2

   введите url сайта/страницы, которые хотите испытать, и нажмите Анализировать (в примере прогоняем через Google Page Speed платформу TED):

3. 3

   в течение минуты вы получите показания спидометра для вашего сайта по 100-балльной шкале. Пользователям показываются результаты и для компьютеров, и для мобильных устройств:

   Красный (Poor) — для медленных сайтов, Желтый (Needs Work) — для сайтов со средней скоростью загрузки, Зеленый (Good) — для вжух-сайтов.

   

   

   Скорости загрузок мобильной и декстопной версий различаются. Причем зачастую создатели веб-страничек забывают о том, что смартфонами пользуется каждый первый пользователь, и недостаточно оптимизируют адаптивные варианты сайтов.
4. 4

   сервис выдает не только краткую сводку, но и статистику того, какие приемы ускорения использованы на сайте, а каких не хватает:
   

Рекомендации по оптимизации сайтов

На основании анализа сервис резюмирует, какие приемы оптимизации вы упустили из вида, а по каким — вопросы закрыты. Распространенные советы «красным» сайтам:

• оптимизировать изображения (уменьшить разрешение картинок, сжать их специальной программой, перевести картинку в подходящий формат);
• включить сжатие файлов (сжатие можно включить вручную или конвертировать статические файлы в формат gzip автоматически через плагины CMS);
• очистить синтаксис сайта (провести ревизию в HTML, CSS, JavaScript-кодах и безжалостно избавиться от комментариев и пустых строк);
• использовать кэш браузера (хранить статические ресурсы дольше, чтобы пользователи, которые возвращаются на ваш сайт, не прогружали все элементы заново).

Справочная информация — под результатом тестирования. Нажмите Как исправить:

и в тексте кликните по выделенной цветом гиперссылке:

Вы будете переадресованы на нужную статью.

О некоторых приемах оптимизации вы можете узнать в нашей справке:

• Как сократить код HTML;

• Как сократить код CSS;

• Как сократить код JavaScript;

• Как оптимизировать изображения для сайта.