Блог и новости

Назад к Блог и новости
Яндекс Директ и Adwords как сделать эффективно

О скорости загрузки и качестве веб-сайта как возможности повлиять на рейтинг в поисковых системах

Скорость загрузки сайта и качество веб-сайта — как измерить и улучшить

Ни для кого не секрет, что SEO сегодня и еще год-два назад — это не одно и тоже.
Если раньше, все бегали за внешними ссылками для ранжирования и Pagerank, то сейчас на первое место, кроме конечно, контента (всегда нужен уникальный и оригинальный и полезный контент/содержание сайта), выходит адаптивный дизайн и совместимость с мобильными устройствами и скорость загрузки веб-сайтов.
Коротко хотелось поделиться о том, как проанализировать эти показатели с точки зрения SEO по Google.

Как измерить скорость загрузки веб-сайта?

Google PageSpeed Insights

Первое, и главное: это benchmarking скорости загрузки и сравнительный анализ.

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

Открываем PageSpeed Insights, вбиваем ссылку со своим вебсайтом и запускаем тест:
https://developers.google.com/speed/pagespeed/insights/

Пример результатов теста:

speed-test

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

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

Pingdom

Для того чтобы получить более полную информацию, я также использую Pingdom (веб-сайт Speed Test) и GTmetrix каждый раз, когда я тестирую новый проект. Запускаем тест, он дает развернутую timing-картину.

Пример:

Pingdom

Как видим у нашего сайта очень хорошие показатели — время загрузки чуть более секунды. Средний показатель скорости — 2-4 сек., в зависимости от объема вебсайта, структуры и др.

Как улучшить скорость загрузки веб-сайта?

0-1) Хостинг.

Не всегда можно сменить или улучшить хостинг — сервис-провайдера. Но если вы хотите, чтобы ваш сайт, чтобы был молниеносным и хотите гарантировать, чтобы сайт был всегда доступен онлайн и работал хорошо, вы должны инвестировать средства в приличный веб-хостинг (подумайте о выделенном виртуальном сервере VDS/VPS). Дешевые веб-хостинга предлагают ежемесячные планы от 200-300руб в месяц, но компромисс обычный: медленная скорость сайта и частое время простоя во время высоких периодов нагрузки.

Итак, о качестве мы поговорим позже; а из того, что можно относительно просто улучшить — это скорость загрузки, для этого проверьте и при необходимости выполните следующие рекомендации:

1) Кэширование для CMS (WordPress, Joomla, Drupal).

Используйте хороший плагин кэширования, например, WP Total Cache, WP Rocket. А также, используйте как кэширование на стороне сервера, так и сжатие стилей CSS, скриптов JS и др.
Пример настроек:

cache-plugin

Кэширование вашего содержимого сайта может значительно улучшить время загрузки вашего сайта. Total Cache на сегодняшний день самый популярный плагин кэширования из доступных.
Нужно как минимум минимизировать CSS и Javascript файлы, установить заголовки GZIP и т.д. Рейтинг PageSpeed Insights сразу прыгнет на 10-20 очков вверх для вашего сайта.

2) Оптимизирование изображений (фотографии, jpg, png).

Изображения с высоким разрешением занимают гораздо больше времени для загрузки, чем оптимизированные изображения, поэтому это неоправданно держать большие файлы — они могут существенно замедлить скорость загрузки страниц.
Для оптимизации используйте плагин, например, WP Smush или WP Imagify. Плагин предлагает фантастический функционал (и бесплатно!) для оптимизации изображений с помощью нескольких технологий, в итоге размер ваших изображений будет уменьшен без ущерба для качества изображения.

3) Удаление строк запросов (minify CSS и JS).

Когда вы запустите тесты с помощью Pingdom или GTmetrix, они отметят пункты ненужной загрузки статического контента со строками запросов, таких как таблицы стилей CSS и JavaScript/JS.
Есть несколько простых способов удаления строк запроса:
Удалить строки запросов от статических ресурсов c помощью плагинов. Они удаляют любые строки запроса из CSS и JS файлов.
Или вручную, например, Paul Underwood также предлагает большое руководство для удаления строк запроса с кодом на его сайте.

4) Активирование сжатия GZIP.

Технология Gzipping — ваш сайт может загружать страницы быстрее и уменьшить размер всех файлов до 70 процентов.
Измените файл .htaccess, чтобы включить Gzip. Просто добавьте следующие строки в файле .htaccess:
# compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DEFLATE text/xml AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application/x-javascript AddType x-font/otf .otf AddType x-font/ttf .ttf AddType x-font/eot .eot AddType x-font/woff .woff AddType image/x-icon .ico AddType image/png .png

5) Оптимизация базы данных

Ведение базы данных должно быть аккуратное и для того, чтобы не засорять ее не добавляйте не нужные элементы. Это отдельная тема для администраторов баз данных и зависит от типа/вида СУБД. Для CMS есть несколько плагинов, но эффект от них незначительный (по собственному опыту).

6) Использование CDN.

Если вы серьезно относитесь к ускорению вашего сайта, вы можете рассмотреть вопрос о применении CDN сети. CDN может сократить отклик сервера за счет хранения статических ресурсов в собственной сети серверов (для загрузки этих ресурсов). Например, Cloudflare предлагает CDN сеть с серверами, установленных по всему миру. Но есть сведения, что в России она не очень хорошо работает, так как некоторые серверы заблокированы (Роскомнадзором). NGENIX – самый популярный сервис по некоторым рейтингам в России, мы расскажем о нем подробно в следующих статьях.

7) Настройки сервера и обновленное ПО.

Что касается производительности веб-сервера, то здесь можно сказать, что выбор backend ПО тоже влияет на скорость загрузки веб-сайта, работы веб-сервера, особенно при высокой нагрузке, когда много пользователей находятся на вашем вебсайте и используют ресурсы (скачивание и др.). Коллеги из kinsta.com/blog/hhvm-vs-php-7/  сравнивали несколько веб-платформ по производительности, основные по популярности HHVM vs PHP 7. В прошлом году PHP сообщество ответило своим конкурентам новой версией PHP7, с перспективой стопроцентного увеличения производительности по сравнению с предыдущими версиями PHP. Выводы по тестированию показывают примерно одинаковые итоговые значения производительности и обработки запросов, с небольшим перевесом HHVM против PHP 7. В любом случае, требуется серьезное тестирование всей связки систем как комплекса, именно на ваших физических/виртуальных серверах, с вашими вебсайтом, СУБД и данными.

Поделиться

Комментарий 1

  • Александр

    А у нас 333мс: http://prntscr.com/b6p92p
    Еще не упомянут вариант поставить nginx, отдавать через него статику и настроить его, как кеширующий прокси. Но это доступно только если у вас в распоряжении выделенный сервер и вы на нём полный хозяин.

    21.05.2016 at 17:31

Добавить комментарий

Назад к Блог и новости