Проверяем и увеличиваем скорость загрузки сайта

Проверяем и увеличиваем скорость загрузки сайта

Низкая скорость загрузки сайта — один из “смертных грехов” продвижения, причем “бьет” медлительность сразу по нескольким позициям. Это и раздражающий фактор для пользователя, который скорее уйдет искать нужное дальше, чем будет тратить время на медленной странице, и “красная тряпка” для систем поисковой выдачи.

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

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

Как скорость загрузки влияет на позиции в выдаче и конверсию

Core Web Vitals — именно так называются факторы Google для оценки качества ресурса, которые поисковик продолжает применять в 2022 году. Они учитывают в том числе время, потребовавшееся на ожидание первого взаимодействия с контентом. И поверьте, чем большим будет этот показатель, тем меньше шансов останется на хорошее ранжирование.

Исследователи DoubleClick (компании-пионера интернет-рекламы) подсчитали, что более половины пользователей покидают сайт, если тот грузится дольше 3 секунд. Каждая следующая секунда ожидания отрезает от количества ваших клиентов еще до 7%. В мобильной версии все еще хуже — пользователи смартфонов совсем не склонны ждать даже лишнюю секунду.

Какой же должна быть скорость загрузки сайта?

Медленная загрузка — более 4 секунд

Средняя — 2,5-4 секунды

Быстрая — 0 — 2,5 секунд

На что влияет этот показатель?

1. Индексация сайта , который демонстрирует низкую скорость загрузки, может вовсе не произойти, т.к. у поисковых роботов установлен лимит времени на посещение. Если в этот период контент не загрузился, поисковик его просто не воспримет, а страница не попадет в индекс.
2. Поведенческие факторы тоже тесно связаны со скоростью загрузки страниц. Чем выше отказ пользователей (уход с ресурса), тем ниже статистика сайта. В итоге это обязательно повлияет на ранжирование.
3. Конверсия падает, если ждать отклика на действие посетителю приходится дольше 5 секунд. Низкая скорость загрузки страниц влияет на показатели длительности пребывания на сайте, количество внутренних переходов и пр.

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

Как проверить скорость загрузки сайта

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

PageSpeed Insights

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

GTmetrix

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

SeoLik

Оценивает сайт по собственной шкале (от 0 до 100 баллов). Содержит множество удобных инструментов и сразу указывает на проблемные места ресурса.

Pingdom Tools

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

Время действовать: как увеличить скорость загрузки сайта

Итак, проверка выполнена, проблема налицо. Что делать дальше? Для ускорения сайта нужно проанализировать слабые места и предпринять меры по их устранению. Рассмотрим основные позиции, которые стоит проработать.

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

Сожмите изображения

Скорость отрисовки напрямую зависит от “тяжести” картинок. Минимум, который стоит попробовать без ущерба для визуала — сжать изображение по длинной стороне хотя бы до 1600 пикселей . Можно также пожертвовать 10-20% качества. Скорее всего, это не будет заметно, но сэкономит килобайты. Попробуйте сделать это и провести повторную проверку скорости загрузки сайта — увидите мгновенный результат.

Хороший вариант сжатия — gzip . В случае использования техники, данные сайта архивируются на специальном сервере. В браузер они передаются именно в сжатом виде, и он сам распаковывает их. Таким образом можно ощутимо “облегчить” ресурс, при этом без видимых изменений.

Сократите JavaScript и CSS

Страница будет весить еще немного меньше, если упростить код. Сделать это поможет инструмент под названием jscompress.

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

Поработайте над веб-шрифтами

С тех пор, как появились шрифты, выделить свой ресурс среди сотен конкурентов стало проще, зато и вес сайтов повысился. Оригинальное оформление вполне могло сказаться на быстродействии, особенно в случае, если в коде CSS есть указатели на fonts-файлы.

Как вариант решения проблемы стоит рассмотреть выбор форматов WOFF и WOFF2 , при этом в наборах символов оставить только латиницу и кириллицу.

Настройте кэширование

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

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

Базовая директивы для кэширования — это указание времени, на протяжении которого актуалбно хранение кэша (это может быть хоть день, хоть неделя, хоть год). Называется оно Expires или Cashe-Control max age .

Обратите внимание на редиректы

Эта важная функция помогает избегать ошибки 404 и переводит пользователя на нужную страницу. Но если редиректов на ресурсе скопилось слишком много, page speed падает, особенно в мобильных версиях. Попробуйте найти ненужные редиректы и оптимизировать их количество, используя утилиту Screaming Frog.

Настройте очередность загрузки

Это можно сделать, используя HTML5 — если скрипты будут грузиться в последнюю очередь, когда базовый контент отрисован, скорость загрузки страниц сайта вырастет.

Почистите страницу от лишних плагинов

В стремлении автоматизировать как можно больше процессов на этапе разработки можно получить не самый приятный побочный эффект — снижение page speed. Найти и убрать “мусорный код” — еще один важный шаг на пути к оптимизации скорости загрузки сайта.

Курс «HTML5 + CSS3 + JS»

Хочешь получить обучение от Никиты Лукашова?

На курсе научимся:

• Верстать сайты и создавать интерфейсы
• Освоим основы Photoshop для перевода дизайна в код
• Расширим знания в разработке на HTML, CSS и JavaScript
• Пополним ваше портфолио!

Как бороться с медленной загрузкой сайта с Netpeak Spider

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

В этом посте мы узнаем, в чём отличие скорости загрузки сайта от скорости ответа сервера, разберёмся с причинами медленной загрузки сайта, а также рассмотрим способы, с помощью которых можно эти причины устранить 😉

1. Что такое скорость загрузки сайта?

Скорость загрузки сайта — это показатель, который указывает, за какое время загружается весь контент на определённой странице вашего сайта. Именно поэтому иногда этот показатель и называют «скоростью загрузки страницы». В это понятие входят те процессы, которые выполняет браузер пользователя при загрузке ресурсов страницы, передаваемых сервером.

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

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

1.1. Скорость загрузки сайта vs. время ответа сервера

Часто понятие «скорость загрузки сайта» путают со «временем ответа сервера», и поэтому необходимо понимать чёткую разницу между этими двумя показателями.

Время ответа сервера (оно же «время загрузки первого байта») — это количество времени между запросом от клиента и ответом сервера на этот запрос. Чем меньше время ответа сервера, тем быстрее начнётся загрузка страницы.

Время ответа сервера в Netpeak Spider основано на рекомендациях поисковиков:

• Быстро ( < 500 мс)
• Средне (500 мс < 1 с)
• Медленно (1 с < 2 с)
• Очень медленно (> 2 с)

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

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

1.2. Скорость загрузки как фактор ранжирования

Google определил скорость загрузки сайта как фактор ранжирования ещё в 2010 году. Однако, стоит помнить, что при ранжировании поисковик учитывает множество других факторов, и скорость загрузки не является ключевым.

На Moz.org было опубликовано исследование, результаты которого указывают на то, что скорость загрузки сайта никак не влияет на ранжирование сайта. А вот время ответа сервера — очень даже.

Так как скорость загрузки сайта зависит не только от времени загрузки первого байта, предлагаю разобраться, что ещё влияет на этот показатель и почему стоит регулярно работать над его улучшением.

2. Как проверить скорость загрузки сайта и время ответа сервера с Netpeak Spider

1. Запускаем сканирование сайта.

У Netpeak Spider есть бесплатная версия без ограничений по времени, в которой у вас будет возможность проверять скорость загрузки сайта и время ответа сервера. Также во Freemium-версии доступны и другие базовые функции программы.

Чтобы начать пользоваться бесплатным Netpeak Spider, просто зарегистрируйтесь, скачайте и установите программу — и вперёд! 😉

P.S. Сразу после регистрации у вас также будет возможность потестировать весь платный функционал, а затем сравнить все наши тарифы и выбрать для себя подходящий.

3. Как ускорить загрузку сайта

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

• оптимизацию кода HTML / CSS / JavaScript,
• оптимизацию скорости ответа сервера.

3.1. Оптимизация клиентского кода

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

• Используйте сжатие ресурсов вашего сайта. Так вы сможете уменьшить размер передаваемых данных до 90%. Сжимайте изображения через специальные сервисы, например Tinypng. Сервис поможет уменьшить размер изображения без существенной потери качества. Загружайте видео не на сайт, а на видеохостинги (Youtube, Vimeo и т.д.).
• Воспользуйтесь кешированием браузера. Некоторые ресурсы могут кэшироваться для загрузки ранее загруженных ресурсов с локального диска, а не из сети.
• Оптимизируйте CSS — объедините в один файл и используйте SDN.
• Объедините все JavaScript в один файл. Аналогично объединению файлов CSS, данная оптимизация для JavaScript позволит уменьшить необходимое количество HTTP-запросов при загрузке страницы. Используйте Single Page Application.

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

3.2. Оптимизация времени ответа сервера

По рекомендации Google время ответа сервера должно быть меньше 200 мс.

• Настройте nginx (в связке с Apache+mod_php, php-fpm или IIS для выполнения серверной логики). С помощью этой настройки вы сократите время обработки запросов к статическим файлам.
• Настройте кэширование клиентского кода. Сделать это можно с помощью менеджеров кэша: APC, OpCache, xCache.
• Проверьте задержки выполнения скриптов. После проведения предыдущих действий можно взглянуть на задержки непосредственно серверной логики. Наиболее оптимально будет использовать серверное кэширование страниц целиком. Если это невозможно, необходимо настраивать блочное кэширование отображаемых на страницах блоков данных (к примеру, через Memcached).
• Также попробуйте удаление неиспользуемых данных из базы или настройку индексов (для оптимизации запросов).

Подводим итоги

• Скорость загрузки страницы — это показатель времени, которое уходит на то, чтобы браузер загрузил весь контент на определённой странице сайта. Он влияет в первую очередь на поведенческий фактор.
• Не нужно путать этот показатель со временем ответа сервера, которое показывает, сколько занимает процесс получения первого байта от сервера после запроса к нему. По результатам исследований время ответа сервера влияет на позиции вашего сайта в поисковой выдаче.
• На скорость загрузки страницы влияет как оптимизация ответа сервера, так и оптимизация клиентского кода. Рекомендуется использовать кэширование браузера, сжимать изображения, а также использовать асинхронные скрипты.
• С помощью Netpeak Spider можно проверить, какие именно URL вашего сайта нуждаются в оптимизации и загружаются дольше остальных.

Если у вас появились вопросы, или вы хотите поделиться своим методом уменьшения скорости загрузки сайта — напишите об этом в комментариях 😉

Источник https://wezom.academy/proverjaem-i-uvelichivaem-skorost-zagruzki-sajta/

Источник https://netpeaksoftware.com/ru/blog/how-to-speed-up-your-website-with-netpeak-spider