• Пн.-Пт. 9:30-18:00
  • info@team-b.ru
Бесплатная консультация

Настройка Google PageSpeed Insights

Ускорение сайта, настраиваем под Google PageSpeed Insights

Как часто вы дожидаетесь загрузки медленного сайта? Особенно, заходя с мобильного? Никогда, если только не знаете, что найдете нужную информацию только там.

Скорость загрузки в наше время практически пропорционально влияет на посещаемость. И дело не только в посетителях, которые «не дождутся». Поисковики стремятся не захламлять ТОП слабенькими сайтами. И давно заявляют о том, что скорость загрузки является одним из самых важных факторов ранжирования. Убедитесь сами: здесь и здесь.

Роботы реже посещают «тормозящие» сайта, а следовательно реже индексируют ваши «попытки» пробиться в ТОП.

Постоянно думайте о том, будет ли ваша страница загружаться медленнее на смартфоне, чем на ПК. И если это так, то мы, скорее всего, понизим ее в выдаче.

— Мэтт Каттс, Google

Не более 3 секунд — вот то магическое число, которое удержит клиента от закрытия вкладки. В остальных случаях 9 из 10 посетителей закроют страницу.


Kartinka_1.jpg


С чего начать?

Как минимум, просмотрите статистику в Яндекс.Метрике и Google.Analitics. Чтобы веб-мастера могли критично оценить скорость загрузки своих сайтов, Google предложил инструмент Google PageSpeed. Сервис работает просто: нужно вставить ссылку в поле и дождаться результатов проверки. В идеале нужно получить 100 из 100 баллов.

В реалии необходимо добиться хотя бы зеленой области (желтая показывает — можно что-то доработать, красная — предупреждает о жестком несоответствии).

За что Google Speed Test снижает оценку и как это исправить

Сервис оценивает каждый сайт по сотням параметров, поэтому замечания для каждого будут индивидуальными. Вот наиболее частые:
  • Не оптимизированы изображения, из-за их большого размера скорость загрузки падает;
  • Не используется кэш браузера, при каждом входе он использует ресурсы из интернета, а не ранее полученные с локального диска;
  • На странице есть блокирующие скрипты JavaScript и CSS, которые замедляют загрузку контента;
  • Выключено сжатие с помощью gzip или deflate, не сокращается объем данных, которые передаются по сети;
  • Слишком длинный код JavaScript, его можно сократить.
С некоторыми замечаниями можно справиться самостоятельно, например, сжать изображения вручную или через сервис вроде Optimizilla.  Остальное лучше доверить профессионалам.

Мы поможем ускорить сайт

Обращаясь за настройкой сайта, вы должны понимать, что часто проблема кроется в хостинге. Слабые тарифы, ограничения по оперативной памяти и загрузка канала обрекают ваш сайт оставаться в низах. Также большинство тарифов виртуального хостинга не дают возможности настроить сервер. Под один ваш сайт править конфиги вероятнее всего не будут. Поэтому будьте готовы рассмотреть вариант перехода на другой хостинг.



Работы по улучшению показателей Google PageSpeed Test

Если вопрос с местом решен, можно переходить собственно к настройкам. Чаще всего требуются следующие работы:

  1. Оптимизация размера изображений. Фото на 3 000 — 5 000 пикселей чаще всего являются одной из проблем медленной загрузки. Неопытные контент-менеджеры заливают фотографии
    «как есть» с фотоаппаратов. Естественно, не ужимая размер.
  2. Настройка кэширования браузером. Подтягивать данные сайта можно не только с сервера, на котором тот лежит. Можно и нужно часть информации кэшировать. Т.е. при заходе на сайт некоторые статичные данные (например, стили, дизайн) будут сохраняться у клиента и загрузка произойдет моментально.
  3. Настройка композита. Для владельцев сайта на Битриксе есть инструмент «композитный сайт». Это фишка платформы Битрикс — возможность настраивать умное кеширование.Загрузка сайта происходит до 100 раз быстрее. 
  4. Подключение шрифтов. Обычно сайты используют нестандартные шрифты, которые подключаются извне (например, подтягиваются с Google Fonts). Установив подключение шрифтов с самого сайта (а не загрузки с внешнего сервера), можно ускорить сайт. Минус стоит учитывать — клиент будет видеть стандартные шрифты (Arial или Tahoma), пока сайт полностью не загрузится.
  5. Сокращение HTML, JavaScript, CSS. Одну и ту же функцию, одну и ту же страницу можно закодить по-разному. Зачастую сокращения и оптимизация кода дает улучшение показателей загрузки сайта.
  6. Удаление неиспользуемого кода. Здесь обычно удаляют скрипты, которые работали раньше, но теперь, с изменением, например, дизайна или функционала сайта, не задействованы (это могут быть как коды старых счетчиков, так и скрипты анимации и т.д.).

Резюмируя, хотим сказать, что любые настройки сайта выполняются прежде всего для удобной и быстрой работы клиентов. Что и является главной ценностью тех же поисковиков. Поэтому реальная забота о посетителях, реальное развитие своего ресурса принесет гораздо большее увеличение позиций в ТОП-10, посещаемость и доход компании (нежели гонка за «100 из 100»).


Нам доверяют
ООО «Мучкап-Авто»
ООО «Мучкап-Авто»
ООО «Мучкап-Авто»

Директор Новокщенов В.И.

Добрый день! Наша компания работает уже 10 лет, но сайта у нас не было и как то даже не задумывались об этом. И всё же весной 2014г мы решили что пора уже и нам обзавестись собственным сайтом. После многочисленного поиска компании которая поможет нам с созданием и продвижением нашего сайта мы остановились на фирме с названием Team-B...

ФГБОУ ВПО «ВГТУ»
ФГБОУ ВПО «ВГТУ»
ФГБОУ ВПО «ВГТУ»

К.э.н., доцент кафедры «Экономика и управление на предприятии машиностроения» Шотыло Д.М.

Веб-студия "Team-B" в 2014 году по просьбе кафедры "Экономика и управление на предприятии машиностроения" выполнила заказ на создание веб-сайта для теоретического и научно-практического журнала "Организатор производства"...

M-Дизайн
M-Дизайн
ООО «М-ДИЗАЙН»

Менеджер компании ООО «М-ДИЗАЙН», Белобородова Валерия

Первое, что хочу отметить - замечательная работа с клиентами. Специалисты отзывчивые, вежливые и доброжелательные...

ООО «Агротех-Гарант»
ООО «Агротех-Гарант»
ООО «Агротех-Гарант»

Директор Евсеев А.В.

Оценить работу той или иной компании сейчас можно, в том числе, прочтя отзывы о ней. Поэтому с благодарностью к веб-студии Team-B за профессиональную работу по созданию сайта нашей компании ООО "Агротех-Гарант" и советом к их будущим клиентам смело сотрудничать с этой студией, мы пишем этот отзыв...

Портфолио работ

Задайте важные вопросы!

Напишите нам прямо сейчас!

Получите коммерческое предложение и подробную консультацию бесплатно.