Как увеличить скорость загрузки сайта10 мин. для чтения


Новичкам, Оптимизация / Четверг, Март 28th, 2019

Никто не любит долгую загрузку сайта. Все хотят получить контент как можно быстрее. Когда вы переходите на сайт из Google, а он загружается бесконечно долго, вы нажимаете кнопку «Назад» и переходите на другой сайт.

Google видит и понимает это поведение.

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

Изучите свою статистику

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

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

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

Когда скорость загрузки страницы уменьшается, увеличивается показатель отказов. Когда скорость страницы уменьшается с 1 до 3 секунд, показатели отказов увеличивается на 32%. А когда загрузка страницы занимает около 10 секунд, показатель отказов увеличивается на 123%.

показатель отказов

Как ускорить свой сайт

Хотите удовлетворить своих пользователей, чтобы они оставались на вашем сайте? Хотите, чтобы ваша страница была выше в поиске?

Google публично заявил, что скорость загрузки страницы является фактором ранжирования для ПК в 2010 году. В июле 2018 года они объявили, что скорость страницы будет фактором ранжирования для мобильных запросов.

Если вы хотите получить ТОП в 2019 году, ваш сайт должен быть быстрым.

Всем нравится быстрый сайт:

  • вашим посетителям;
  • SEO;
  • и конечно же Google.

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

Прежде всего, проверьте скорость своего сайта в инструменте тестирования Google PageSpeed ​​Insights и просмотрите подробные отчеты и предложения о том, как можно улучшить ее. Это хорошая первая проверка, которая должна дать вам информацию о том, с чего начать.

После того, как вы введете свой URL в поле ввода, вы увидите общую оценку скорости в верхней части. Это средняя оценка из всех внутренних метрик.

скорость загрузки politay.pro

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

Имитация загрузки страницы

Оптимизация

Показатели производительности

Давайте посмотрим на некоторые показатели производительности и скорости, которые этот инструмент покажет вам:

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

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

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

  • lazy load изображений (подгрузка по мере прокручивания страницы вниз);
  • сначала загружайте контент первого экрана, чтобы пользователи могли быстрее с ним взаимодействовать.

Индекс скорости загрузки

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

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

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

  • lazy load изображений;
  • загружайте только те файлы Javascript, которые вам нужны;
  • объедините ваши CSS-файлы в один, чтобы минимизировать количество запросов к серверу.

Время загрузки первого контента

Время, когда браузер впервые отображает любой текст или изображения. First Contentful Paint - это очень точное представление о том, как пользователь будет видеть вашу страницу. Когда содержимое, будь то текст или изображения, отображается в браузере впервые, это время называется FCP.

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

  • минимизируйте ресурсы блокироки рендеринга, такие как CSS и Javascript;
  • асинхронная загрузка сторонних скриптов, таких как кнопки социальных сетей, вставка видео и т.д.;
  • используйте HTTP-кеширование для ваших постоянных посетителей;
  • удалите неиспользуемый код CSS или Javascript.

Время загрузки достаточной части контента

Этот параметр показывает время, по истечении которого становится виден основной контент страницы. Подробнее....

Время окончания работы ЦП

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

Приблизительное время задержки при вводе

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

Заключение

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

One thought on “Как увеличить скорость загрузки сайта10 мин. для чтения

  1. Для увеличения скорости загрузки страниц можно использовать связку Apache и Nginx. Это два самых распространённых веб-сервера в мире, популярность объясняется мощью Apache и скоростью Nginx. Помимо плюсов, у каждого инструмента есть и свои недостатки: например, в Apache есть ограничения памяти сервера, в то время как Nginx, эффективный для статических файлов, нуждается в помощи php-fhm или аналогичных модулей для загрузки динамического контента. Тем не менее можно и даже нужно объединить два веб-сервера для большей эффективности, используя Nginx, как статический фронтенд и Apache — как бэкенд. Такое решение положительно скажется на скорости загрузки страниц сайта.

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

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