Главная страница / Методы повышения скорости загрузки веб-страниц

Методы повышения скорости загрузки веб-страниц

Методы повышения скорости загрузки веб-страниц

От скорости загрузки страниц ресурса зависит чрезвычайно много. Уместно даже говорить о том, что это один из ключевых и принципиально важных вопросов технической оптимизации. Этим фактором в значительной степени определяется коэффициент конверсии, он способствует снижению процента отказов и повышению уровня вовлеченности пользователей в процесс жизнедеятельности сайта, то есть значительно улучшает ПФ, которые сегодня имеют колоссальное значение в плане поискового ранжирования. Особенно важна скорость загрузки страниц для мобильного трафика и всевозможных маломощных устройств, доля которых возрастает практически в геометрической прогрессии.
Вряд ли кому-то захочется посещать со смартфона или планшета страницу весом в десятки мегабайт и ждать до бесконечности ее полной загрузки. Согласно исследованиям, проведенным компанией Strangeloop, в процессе которых были проанализированы около двух тысяч российский и зарубежных интернет-магазинов, в среднем скорость загрузки коммерческих страниц составляет свыше десяти секунд. Те же исследования установили, что 57% пользователей закрывают страницу, скорость загрузки которой превышает 3 секунды. А если сайт начинает тормозить из-за высокой нагрузки, то 75% посетителей уходят к конкурентам. К тому же выявлена четкая корреляция между временем загрузки страницы и ее позицией в поисковой выдаче.

Существует несколько эффективных способов увеличения скорости выдачи веб-объекта:

  • Минимизация числа http-запросов. Как известно, 80% общего времени выдачи пользователю запрашиваемой им страницы приходится на загрузку и обработку браузером для корректного отображения всевозможных тяжелых компонентов: скриптов, графических, мультимедийных и анимационных объектов, файлов CSS. Поэтому рекомендуется выдавать одновременно не более двух объектов с одного хоста. Такой подход позволяет значительно уменьшить число обращений и, как следствие, увеличить скорость загрузки даже самой массивной страницы. Достичь этого технического эффекта без ущерба для дизайна и визуальной привлекательности страницы можно путем применения CSS-спрайтов, inline-изображений и создания своеобразного кластера родственных файлов, которые будут выдаваться как один веб-объект.
  • Расположение CSS-файлов в верхнем сегменте страницы. Это позволит получить постепенный рендеринг веб-страниц, что служит благоприятным сигналом для посетителя и значительно улучшает общее впечатление от технической составляющей и дизайна сайта.
  • Минимизация веса CSS и элементов JavaScript. Это достигается путем удаления из кода всех незначительных символов, что приводит к уменьшению объема файла и увеличению скорости его загрузки на пользовательское устройство. В таким несущественным элементам причисляются комментарии, символы переноса и табуляции.
  • Поддомены параллельной загрузки. Владельцам сайтов с большим количеством тяжелой графики рекомендуется использовать отдельные вспомогательные поддомены. Чем их больше, тем легче браузеру загружать страницу. Изменение адреса директории хранения графики – самый простой, но максимально эффективный способ увеличения загрузки страницы для снижения ее качества и ущерба контентному содержимому.

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