Как улучшить скорость загрузки сайта
Proposition  »  SEO блог  »  Оптимизация сайта  »  10 способов улучшить скорость загрузки сайта

10 способов улучшить скорость загрузки сайта

Скорость загрузки сайта – является одним из самых ключевых факторов, который влияет на продвижение сайта в поисковых системах. Какой должна быть скорость загрузки? В идеале – не более 1 секунды.

Вот некоторые факты:

  • Скорость моргания людей равна 0,1-0,3 секунды и почти не осознается.
  • Все, что длится до 1 одной секунды не воспринимается как пауза.
  • Все, что длится более 1 секунды воспринимается как пауза и уменьшает конверсию в среднем на 7% за каждую секунду.
  • Все, что длится более 10 секунд воспринимается критичной паузой и дает сигнал в мозг начать новое действие (например, закрыть сайт и перейти на сайт конкурентов).
  • Наличие прелоадера увеличивает терпимость к паузе и может продлить ожидание пользователя в несколько раз.
  • Google считает сайт «быстрым», если его скорость загрузки до 1,5 секунды.

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

 

Инструменты проверки скорости загрузки

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

 

Способы улучшения скорости загрузки

Рассмотрим главные способы, способные улучшить скорость загрузки.

 

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

  • Существующие большие изображения рекомендуется сжать, например, с помощью онлайн-сервисов https://tinypng.com/ или http://optimizilla.com/ru/ (сжимать в пределах разумного, конечно, чтобы не пострадало визуальное качество).
  • При создании изображения, предпочтительнее сохранять в формате JPEG, чем PNG. Конечно, там где это можно применить, с точки зрения графики.
  • Снизить качество при сохранении файла с максимального до минимально допустимого (без потери визуального качества).
  • При создании изображения, сохраняйте файл с опцией “Для WEB” (“Save for Web” в Photoshop).
  • Снижение веса очисткой изображений от лишних данных (напр. комментарии в графическом редакторе, лишние версии, палитры и т.д.).

Уменьшение количества запросов к серверу

оптимизация количества запросов к серверу

  • Настройка кэша. Распространенные методы – кэширование на уровне web-сервера, кэширование на уровне php (opcache), кэширование запросов в БД (например, memcache).

Для изображений, CSS и скриптов – рекомендуется также настройка кеширования на стороне браузера, если страницы являются статическими и не требуют обновления данных (как в e-commerce).

  • Уменьшение количества файлов (фото, скрипты и т.д.), загружаемых со сторонних ресурсов. Тут важно соблюсти баланс – с одной стороны –  когда все файлы находятся на вашем сервере это увеличивает нагрузку на хостинг и уменьшает свободное место, с другой стороны – хранение файлов на сторонних ресурсах увеличит количество запросов. Нужна “золотая середина”.

 

Уменьшение размера HTTP страницы

Методы zip, gzip могут помочь в сжатии данных на стороне сервера.  Данный метод, по сути, упаковывает данные сайта в архив и по запросу распаковывает их без потери качества. Можно попросить хостинг-провайдера или самостоятельно включить сжатие на сервере. Включить сжатие можно добавив в файл .htaccess необходимые команды.

 

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

оптимизация кода сайта

Код сайта необходимо, по возможности, группировать и сжимать. Рекомендуемые действия:

  • Все CSS стили собрать в один файл.
  • Все скрипты также собрать в один файл.
  • Файл с  CSS стилями поместить в head страницы.
  • Файл со скриптами опустить вниз страницы, после контента. Таким образом, сначала будет загружаться видимая часть страницы, а затем скрипты.
  • Использовать CSS-спрайты для изображений.
  • Использовать специальные сервисы сжатия кода (HTML, CSS и JavaScript). Например:

 

Выбор хостинга/сервера

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

  • Географическая близость серверов. Например, если хостинг расположен в Украине, а его физические сервера – в США, то это отразится на скорости.
  • SSD диски (вместо HDD).
  • VDS (виртуальный выделенный сервер).
  • Параметры: минимум 1Gb Ram, 1 ядро процессора и 10 Гб SSD (зависит от нагрузки на сайт).
  • Отдавайте предпочтение использованию веб-сервера nginx для статических сайтов. Он надежный и простой – не перегружен функциями и отлично оптимизирован под современные конфигурации сайта. Веб-сервер nginx занимает первое место в мире по частоте использования для высоконагруженных сайтов.

 

Использование сетей доставки контента (CDN)

Сеть доставки (и дистрибуции) контента (англ. Content Delivery Network или Content Distribution Network, CDN) — географически распределенная сеть, которая упрощает доставку контента конечным пользователям в сети Интернет. Говоря простым языком, сервер имеет в своем арсенале много маленьких “подсерверов”, расположенных в разных точках, на которые распределяет данные. При запросе к серверу, пользователь получает ответ из самой близлежащей точки. Таким образом сокращается путь передачи данных. При размещении данных ближе к пользователю увеличивается скорость загрузки, при этом сокращается нагрузка на “главный сервер”.

 

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

оптимизация баз данных

Оптимизация включает в себя:

  • Оптимизация запросов.
  • Оптимизация структуры.
  • Оптимизация сервера.

Чаще всего, при виртуальном хостинге, возможна только оптимизация запросов и структуры таблиц. Это включает в себя:

  • Удалить старые плагины и данные.
  • Удалить все ревизии.
  • Удалить все комментарии со спамом.
  • Удалить все неподтвержденные комментарии.
  • Удалить все неиспользуемые теги.
  • Удалить старые шорткоды.
  • Удалить пингбеки и трекбеки.
  • Удалить временные опции.
  • Оптимизировать таблицы.

Если у вас WordPress, то существуют специальные плагины для оптимизации БД, например, WP-Optimize и WP-Sweep.

 

Отключение пингбеков и трекбеков

Trackback- и pingback-спам — это одна из разновидностей спама на сайтах WordPress. По сути, никакого смысла эти функции не несут и являются скорее вредными, чем полезными. Отключить эти функции можно просто – через админку Вордпресс (Настройки / Обсуждение» / снять галочку с опции “Разрешить получение от других блогов уведомлений”) – это для новых записей. Для старых же записей нужно отключить через базу данных SQL, соответствующими запросами.

 

Турбо- и AMP-страницы

Эти методы актуальны для статичных страниц (например, статей, новостей). Хотя, уже ведутся работы по использованию данных сервисов для динамичных страниц (например, “Корзин” интернет-магазинов).   Турбо-страницы – это сервис хранения данных на серверах Яндекс. При этом содержимое страницы загружается с сервера Яндекс увеличивая скорость загрузки (около 1 секунды или меньше). С 22 ноября 2017 года подключение к «Турбо-страницам» стало возможным для всех сайтов.   AMP-страницы (Accelerated Mobile Pages, ускоренные мобильные страницы) – это формат, при котором содержимое страницы на мобильных устройствах загружается из кэша Google. Используются в основном для статичных страниц. Для обновляемых страниц (интернет-магазинов) также возможно использование с помощью API Google. Средняя скорость AMP-страницы – 0,7 секунды. Рекомендации по AMP-страницам от Google https://support.google.com/webmasters/answer/6340290?hl=ru

 

Использование современных конфигураций сайта

При создании сайта рекомендуется использовать новейшие фреймворки и методы. Например, выбор последней версии php, типа базы данных. Также не стоит забывать о защите – антиспам, защита от ботов, антивирусы и т.д.

 

Выводы

На этом все. К вышеописанному, можно добавить также советы:

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

 

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *