Первоклассные услуги по продвижению и раскрутке сайтов

Как улучшить свои показатели в Google Page Speed

Опубликовано: 2016/06/21Рубрика:
Продвижение сайтов
Комментариев: 0
Просмотров: 1445

Page_speed_g

На сегодняшний день SEO ранжирование страницы зависит от нескольких сотен показателей, однако скорость загрузки вашего веб-сайта для поисковиков — один из главных показателей. И не зря, ведь даже если у вас очень продвинутый сайт но среднее время загрузи 15 секунд то пользователь просто не будет ждать пока откроется страница вашего сайта и пойдет дальше по выдаче.Как следствие — потеря большого процента потенциальных покупателей и существенное понижение поведенческих факторов. В этой статье мы расскажем вам о том как улучшить свои показатели в самом популярном сервисе по тестированию скорости сайта — Google Page Speed.

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

Так же советуем прочитать: Повышаем скорость загрузки сайта через CloudFlare

Оптимизация изображений

Первым шагом оптимизируем изображения, так как зачастую изображения на сайте составляют основной вес страницы. Самый простой способ — это уменьшить их размер. Для решения этой задачи можно воспользоваться инструментами для сжатия картинок, такими как Compressor.io и TinyPNG, они являются абсолютно бесплатными и помогут вам уменьшить размер изображения более чем в два раза, но при использовании данного метода, качество картинки может значительно ухудшиться. Самым качественным решением является ручное изменение исходных картинок под нужный размер с помощью профессиональных фото-редакторов (например photoshop), с последующей заменой изображений на сервере.

Сервис Google PageSpeed Insights поможет вам понять, какие именно изображения нуждаются в оптимизации.

Оптимизация кода

Следующим нашим шагом будет являться оптимизация кода JavaScript, CSS и HTML. Это поможет нам убрать лишний “мусор” в коде, который веб-разработчики любят оставлять за собой.

Чтобы оптимизировать наш css код воспользуемся Gulpjs. Данный инструмент  каждый раз создает оптимизированный css у вас на сайте,(это очень удобно, ведь вам не нужно будет постоянно вручную менять каждый css файл) убирая не нужные пробелы и комментарии, когда вы изменяете основной файл на сервере, тем самым позволяя сократить размер файла и уменьшить скорость загрузки сайта.

Для оптимизации JavaScript и HTML кода воспользуемся PageSpeed Tool. Просто введите адрес вашей страницы и скачайте полученный файл, а после замените ваш основной код на скачанный.

Оптимизация кэша

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

Сontent delivery network — сервис, который позволяет веб-мастерам сохранять файлы вашего сайта на их серверах. Сервера CDN расположены по всему миру, и когда пользователь, например из Германии, зайдет к вам на сайт, он начнет подключаться к Люксембургскому серверу и получит моментальный отклик. Советуем вам перенести все файлы сайта на данный сервис, оставив у себя на сервере лишь HTML и CSS код.

Очень часто Google Speed Tools ругается на различного рода социальных кнопок и Google Analytics, так как основной код счетчиков храниться на серверах социальных сетей, а нам дается лишь ссылка на этот код. Код социальных кнопок, можно заменить на свой и вести подсчет данных на свой сервер. Для решения проблемы с Google Analytics используем скрипт Razvan. Этот скрипт автоматически проверяет обновления кода в Google Analytics, после чего загружает все данные к вам на сайт (или же на сервера CDN), после этого вам не нужно больше загружать информацию с серверов Google.

Стоит отметить, что кэширование сайта высоко цениться поисковыми системами, поэтому пренебрегать данным шагом не стоит.

Далее нужно настроить отложенную загрузку JS кодов которые идут отдельными файлами. Для этого в теге загрузки скрипта нужно прописать атрибут async. Например:

<script async src="my.js">

 Всю дополнительную информацию вы можете найти в официальной инструкции от Google.

Включение GZIP сжатия на сервере.

Для этого вам нужно поискать примерно такую надпись в услугах вашего хостинга или же обратиться в тех поддержку.

Полезную информацию о GZIP сжатие вы можете найти здесь.

Оптимизация мобильной версии

Ну и на конец перейдем к оптимизации мобильной версии нашего сайта.

С апреля 2015 года, поисковые системы начали учитывать мобильные версии сайтов при ранжировании поисковых запросов, поэтому оптимизированная мобильная версия сайта — преимущество перед конкурентами.

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

Первым делом минимизируйте количество картинок на вашем сайте, а лучше в мобильной версии вовсе обойтись без них. Также сократите JavaScript и избавьтесь от всплывающих окон, слайдеров и подобного. Ваша мобильная версия должна быть максимально проста: меню с основными категориями сайта, главная информация, контакты. Сократите количество блоков на сайте(желательно остановиться на одном сайдбаре), а также всегда следите за юзабилити на мобильной версии и учитывайте тот факт, что ваш сайт будут просматривать на разных устройствах, поэтому сразу делайте адаптивную верстку. Также в интернете можно поискать специальные скрипты под разные разрешения экранов мобильных устройств, что значительно упростит “подгонку” вашего сайта под разные расширения экранов.

Заключение

Не стоит гнаться за 100 из 100 в Google page speed tools, в погоне за заветными 100 балами, вы скорее всего проиграете, так как в результате можно получить разваливающуюся верстку или же не рабочий JavaScript. 90 баллов является отличным результатом, и можно спокойно останавливаться на нем. Все методы оптимизации сайта под Google page speed безусловно важны, но хочется выделить основные: Оптимизация изображений, Устранение блокирующих кодов и Кэширование. Выполните в первую очередь эти пункты и скорость загрузки вашего сайта значительно возрастет.

Рейтинг статьи:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Нет рейтинга)