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

Как ускорить загрузку сайта: 7 советов по оптимизации для начинающих

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

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

Введение: как загружаются сайты

В материале под названием «Что происходит, когда пользователь вбивает адрес сайта Google.com» очень подробно описаны все процессы, связанные с посещением сайта. Если говорить кратко, то между тем, как посетитель сайта вобьет в адресную строку его URL и получит ответ, в общем виде проходит несколько этапов:

1. Сначала браузер осуществит DNS-запрос по имени сайта.
2. Далее инициируется TCP-подключение к серверу, на котором этот сайт расположен.
3. Следом устанавливается соединения http или https.
4. Потом запрашивается нужная страницы и загружается ее HTML-код.
5. Стартует парсинг HTML.
6. После этого браузер начинает подгружать внешние ресурсы, связанные со страницей (стили, изображения, скрипты и так далее).
7. В итоге рендерится финальная версия страницы со всем контентом.
8. Затем исполняется JS-код — скрипты могут потребовать обработки дополнительных сетевых запросов, изменять страницу или её шаблон, так что возможен и новый круг рендеринга.

Первый шаг: понять, что тормозит

Бывший инженер Facebook и основатель стартапа Pave Джастин Митчел в треде на Quora так описывал начало работы по оптимизации загрузки сайта:

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

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

Существует несколько важных метрик быстродействия сайта. Одна из них — это время до первого байта (TTFB — time to first byte), которая показывает, как быстро браузер начинает получать данные от сервера после отправки запроса. Также важно замерять начало рендеринга страницы и время загрузки (load time).

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

Вот какие шаги по серверной оптимизации для ускорения загрузки сайта применяют чаще всего.

Расширение ресурсов сервера

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

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

Кэширование

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

Некоторые элементы можно закешировать и не загружать каждый раз при заходе на сайт. Это позволяет серьезно сократить время загрузки:

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

Сжатие изображений

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

Существует несколько инструментов для компрессии изображений, среди которых TinyPNG, Kraken.io и JPEGmini. Кроме того, имеет смысл попробовать включить конвертацию изображений в формат WebP. Он был разработан Google, и по данным компании такие изображения на 26% легче PNG-файлов и на 25-34% меньше JPEG-картинок.

Чтобы активировать конвертацию, можно добавить в файл .htaccess следующий код:

 RewriteEngine On RewriteCond % image/webp RewriteCond %/$1.webp -f RewriteRule ^(path/to/your/images.+)\.(jpe?g|png)$ $1.webp [T=image/webp,E=accept:1] Header append Vary Accept env=REDIRECT_accept AddType image/webp .webp

К сожалению, на данный момент формат WebP поддерживается далеко не всеми браузерами — пока среди них только Chrome и Opera.

CDN

Еще один «инфраструктурный» метод снижения задержек — использование сетей доставки контента (content delivery network, CDN). Такие сети состоят из серверов в разных точках мира. При подключении сайта к сети на входящих в нее серверах создают копии файлов веб-ресурса, а затем пользователю отдают данные с ближайшего к нему сервера — в итоге скорость загрузки увеличивается.

Использование Gzip

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

Включить использование Gzip довольно просто — нужно просто добавить несколько строк кода в файл .htaccess. К примеру, при использовании веб-сервера Apache веб-мастерам доступен модуль mod_gzip, чтобы активировать Gzip в таком случае нужно внести в .htaccess такой код (подробнее — в туториале на SitePoint):

mod_gzip_on Yes mod_gzip_item_include mime ^application/x-javascript$ mod_gzip_item_include mime ^application/json$ mod_gzip_item_include mime ^text/.*$ mod_gzip_item_include file .html$ mod_gzip_item_include file .php$ mod_gzip_item_include file .js$ mod_gzip_item_include file .css$ mod_gzip_item_include file .txt$ mod_gzip_item_include file .xml$ mod_gzip_item_include file .json$

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

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

Также стоит избегать инлайн-CSS и JS-кода. В таком случае браузеры будут кэшировать эти внешние ресурсы, что позволит сэкономить время загрузки. Также JS и CSS следует минифицировать – сделать это можно с помощью инструментов вроде JSMIN, YUI Compressor и Packer.

Использование связки Nginx+Apache

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

Тем не менее можно и даже нужно объединить два веб-сервера для большей эффективности, используя Nginx, как статический фронтенд и Apache — как бэкенд. Такое решение положительно скажется на скорости загрузки страниц сайта.

Заключение: полезные ресурсы и статьи по теме оптимизации работы сайтов

Ниже мы собрали ряд полезных статей на русском и английском языке:

• Как ускорить сайт или факторы, влияющие на загрузку сайта
• Очень шустрый блог на WordPress при помощи связки nginx + PHP-FPM + MariaDB + Varnish (продолжение)
• Топ-10 советов о том, как увеличить скорость загрузки страницы
• Ruhighload – ресурс со статьями по теме оптимизации
• Топ-15 бесплатных инструментов проверки производительности сайта
• Как ускорить работу сайта: лучшие практики Yahoo
• 10 способов ускорить сайт и увеличить конверсию

• оптимизация
• ускорение работы сайтов
• руководство для начинающих

Как ускорить загрузку сайта: ТОП-10 способов

Скорость работы сайта является одной из важнейших характеристик, по которым оценивают его качество. Если страница быстро загружается, то пользователи не покидают ее сразу. А когда уменьшается процент отказов, налаживаются и поведенческие факторы, что впоследствии приводит к улучшению ранжирования и повышению позиций в поиске. Отсюда увеличение трафика, конверсии и продаж. Между ожиданием и более быстрым ресурсом человек обычно выбирает второе. Чтобы удовлетворить клиентов и роботов, необходимо ускорить загрузку в среднем до 2–3 секунд. Особенно этот показатель важен для посетителей с мобильных устройств. В статье мы дадим десять общих советов о том, как увеличить скорость загрузки сайта.

10 методов, как улучшить скорость загрузки сайта в 2024 году

1. Уменьшение количества HTTP-запросов.
2. Минификация файлов CSS и JS.
3. Использование кэширования.
4. Оптимизация размера и веса изображений.
5. Настройка Gzip-сжатия.
6. Оптимизация серверного кода.
7. Отложенная загрузка изображений.
8. Сокращение количества редиректов.
9. Уменьшение влияния стороннего кода.
10. Использование CDN.

Так как ускорить работу сайта можно разными способами (в зависимости от причины ее замедления), для начала необходимо определить, в чем заключается проблема. Существует много бесплатных сервисов, позволяющих сделать проверку скорости и понять, почему проект долго грузится: Google PageSpeed Insight, GTMetrix, WebPageTest и др. Мы собрали рекомендации, которые помогут исправить самые распространенные недочеты и оптимизировать ресурс в общем.

№1. Уменьшение количества HTTP-запросов

Чтобы загрузить страницу, браузер пользователя посылает запросы на сервер, где хранится сайт. Чем больше разных компонентов присутствует в одном документе — HTML-кода, текста, изображений, скриптов, стилей, — тем выше число запросов, которые нужно отправить для их получения. Каждый HTTP-запрос создает дополнительную нагрузку. Если вы хотите увеличить скорость работы, имеет смысл сократить количество этих элементов. Речь идет не только об удалении отдельных файлов. Чтобы ускорить загрузку за счет уменьшения числа HTTP-запросов, можно также:

• встроить инлайн-картинки в таблицы стилей;
• объединить CSS и JavaScript-файлы;
• комбинировать несколько SVG-картинок в один файл (CSS-спрайт);
• сбалансировать нагрузку, разместив части страницы на разных серверах.

№2. Минификация файлов CSS и JS

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

Заниматься минификацией вручную вовсе не обязательно. Для этого существуют готовые инструменты. Например, упростить CSS можно с помощью CSSmin, CSSnano или Pretty Diff. А улучшить JS помогут UglifyJS или Microsoft Ajax Minifier. Есть и универсальные сервисы, которые могут ускорить сайт посредством минификации: Google Closure Compiler, Online Javascript Compression Tool, Minify и др.

№3. Использование кэширования

Очевидно: если сохранить копии файлов на устройстве пользователя, браузер не будет вновь обращаться к серверу, чтобы их загрузить. Он просто достанет их из кэша. Функция браузерного кэширования значительно повышает скорость отображения интернет-страниц — конечно, если они статичны. Таким образом уменьшается и количество HTTP-запросов. Вы можете настроить кэширование самостоятельно через .htaccess или путем добавления в HTML-код заголовков Expires или Cache-Control. Если сайт работает на CMS, воспользуйтесь специальными кэширующими плагинами. К примеру, для WordPress подойдут W3 Total Cache, Zen Cach и пр. Время хранения кэша тоже указывается вами.

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

№4. Оптимизация размера и веса изображений

Как правило, графический контент является самым тяжелым на странице. В среднем на него отводится до 45% веса. Используя неоптимизированные фотографии и иллюстрации, вы почти вполовину замедляете загрузку своего сайта. Но если снизить их качество и изменить формат, скорость увеличится. Оптимизация изображений происходит по нескольким схемам:

• сжатие файла, т. е. уменьшение его веса, без потери качества;
• конвертация в более легкий формат (JPEG для фото, PNG для схем и невекторных логотипов, SVG для векторных, WebP для разной веб-графики);
• уменьшение количества пикселей по каждой из сторон.

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

№5. Настройка Gzip-сжатия

Ясно, что файлы с меньшим весом передаются и загружаются быстрее. Это касается не только графики, но и любых других данных. Утилита gzip позволяет настроить сжатие информации на стороне сервера. Суть ее работы заключается в архивировании контента перед отправкой и его распаковке после получения браузером. Таким образом она способна снизить объем страниц до 50–70% и заметно ускорить загрузку сайта. Подключить технологию можно разными методами: отредактировать .htaccess, установить gzip-плагин, включить функцию в панели cPanel (если вы ей пользуетесь). Проекты, подключенные к CloudFlare, применяют gzip-сжатие по умолчанию, поскольку это действительно положительно влияет на скорость работы.

№6. Оптимизация серверного кода

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

№7. Отложенная загрузка изображений

Lazy-load или «ленивая загрузка» представляет собой способ оптимизации, при котором контент подгружается только тогда, когда становится нужен пользователю. Есть три варианта его реализации: скроллинг, клик и фоновый режим. В первом случае элементы, находящиеся вне экрана (т. е. не видимые посетителем), не грузятся, пока до них не долистают. Во втором случае пользователю необходимо нажать на миниатюру, чтобы открыть контент в полном размере. В третьем файлы догружаются уже после открытия страницы, «на фоне». Внедрив отложенное отображение для закадровой графики, вы существенно повысите скорость сайта.

Ускорить ресурс таким образом помогут CMS-плагины, либо можно вручную отредактировать код.

№8. Сокращение количества редиректов

Еще один эффективный способ ускорить веб-ресурс. Перенаправления необходимы для устранения битых ссылок, и некоторые из них (например, с www-домена на главное зеркало) убирать нельзя. Однако слишком большое их количество оказывают негативное влияние на скорость загрузки сайта. Каждый редирект создает дополнительный HTTP-запрос на сервер, а это, как мы уже выяснили, нежелательно. Вы можете проверить, сколько переадресаций настроено на вашем проекте, и избавиться от тех, что создают ненужную нагрузку.

№9. Уменьшение влияния стороннего кода

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

№10. Использование CDN

Content Delivery Networks (CDN) или сети доставки контента — это географически распределенные системы серверов, чьей целью является ускоренное предоставление данных пользователям. Любой сайт может подключиться к CDN и оптимизировать скорость загрузки. Это возможно благодаря тому, что CDN-серверы хранят у себя копии веб-ресурсов и их файлов, и могут отправить их вашим клиентам вместо вашего сервера. Доставка ускоряется еще и за счет более близкого к клиенту расположения узлов. Среди известных сетей — CloudFlare, Amazon CloudFront, Google Cloud CDN, Microsoft Azure CDN и др.

Заключение

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

Похожие статьи

Увеличение конверсии сайта: ТОП-10 способов

Конверсия может решать разные задачи, но одинакова важна для сайтов разных типов. Для интернет-магазина — это лиды, продажи и прибыль, для электронных СМИ — база для рассылки новостей и заказ платных подписок. Однако целевых действий не будет, если путешествие по сайту окажется неудобным или карточка товара не убедит пользователя в качестве продукта. Представители профессионального сообщества постоянно обмениваются опытом и делятся советами о том, как увеличить конверсию сайта. Однако универсальной формулы для достижения этой цели нет, ведь то, что принесет конверсию одному сайту, может не сработать для другого. Выбирать инструмент нужно, отталкиваясь от особенностей проекта. Делаем в статье обзор 10 эффективных методов, которые вы сможете протестировать и выбрать для своего веб-ресурса.

Самостоятельное SEO-продвижение сайта: инструкция для новичков

Поисковая оптимизация (Search Engines Optimization, SEO) — это процесс улучшения сайта таким образом, чтобы он соответствовал требованиям и критериям качества поисковых систем (ПС). Представительство ресурса в поиске играет важную роль для его продвижения, поскольку именно выдачи Яндекса и Google являются главными источниками органического трафика в рунете. В базах поисковиков хранятся сотни миллионов веб-сайтов, и чтобы попасть на первые страницы результатов ранжирования, оптимизаторы настраивают и продвигают свои проекты самостоятельно. Если этого не делать, сами алгоритмы SE (Search Engine) не поднимут сайт на верхние позиции. В статье говорим о том, как настроить SEO самому за 10 шагов.

Как адаптировать сайт под мобильные: ТОП-10 способов

Ни для кого не секрет, что поисковые системы отдают предпочтение сайтам, которые одинаково хорошо выглядят на экранах разных размеров. Большая часть мирового интернет-трафика приходится на мобильные устройства, а это значит, что люди чаще заходят в сеть со смартфонов и планшетов, чем с компьютеров. В связи с этим адаптация ресурса становится необходимым шагом на пути к завоеванию лояльности пользователей и поисковиков. Если веб-сайт имеет адаптивный дизайн и быструю загрузку, роботы Google и Яндекса ранжируют его гораздо лучше. Оптимизировать проект для пользовательских гаджетов нужно уметь любому вебмастеру. Мы поделимся десятью способами, как адаптировать сайт под мобильные устройства.

Нажмите дважды, чтобы увеличить

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

Согласно рекомендациям Google , первый блок информации на странице должен появиться не позднее, чем через 2,5 секунды. Эта цифра отражает не столько пожелания поисковой системы, сколько требования потребителей.

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

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

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

Из статьи вы узнаете:

1. Что такое скорость загрузки страницы
2. Почему важна скорость загрузки
3. Как быстро должна загружаться страница
4. Как протестировать скорость сайта
5. Как повысить скорость веб-сайта
6. Что запомнить

Что такое скорость загрузки страницы

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

На представление пользователя о скорости сайта влияют:

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

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

Почему важна скорость загрузки

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

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

Посмотрим на факторы, которые связаны со скоростью загрузки страницы.

Конверсия. Чтобы добраться до корзины и сделать заказ, покупателю должно быть комфортно на сайте. Если страницы открываются долго, общение потребителя с вашим брендом может закончиться на этапе знакомства или поиска товара. Речь не только о единоразовой покупке. Согласно опросу технологической компании Akamai, от 45 до 87 % пользователей не вернется на сайт, если первый опыт оказался неудачным.

Индексация страниц. Кроме SEO-настроек для индексации важна скорость загрузки. Чем быстрее сайт отдает контент, тем больше страниц успеют обработать поисковые роботы за отведенное им время. Если процесс затягивается, то понадобится больше времени, чтобы новые страницы попали в индекс — базу сайтов, известных Google.

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

С мая 2021 года Google добавит в алгоритм ранжирования сайтов новый фактор — Core Web Vitals. В этот фактор входит время отрисовки самого большого элемента (Largest Contentful Paint), интерактивность (First Input Delay) и стабильность (Cumulative Layout Shift) страницы. То есть то, насколько пользователю удобно взаимодействовать с вашим сайтом, тоже будет влиять на место вашего ресурса в поисковой выдаче.

Как быстро должна загружаться страница

Нет единого стандарта для скорости загрузки сайта. Этот параметр отличается в зависимости от локации, отрасли бизнеса, типа ресурса. К примеру, сайты розничной торговли, автомобильных и технологических компаний обычно сложные и «‎‎тяжелые»‎, поэтому они требуют больше времени на загрузку, чем лендинги или блоги. Также когда заходите на американский сайт из Украины, страница может загружаться для вас дольше, чем для посетители из США.

Общее правило — чем быстрее контент появляется на экране, тем лучше. Google рекомендует, чтобы наибольший блок информации загружался не более 2,5 секунд. Мобильная версия сайта должна загружаться до 3 секунд. То есть нормальная скорость загрузки сайта — 2-3 секунды. Скорость загрузки свыше 4 секунд считается плохим показателем — для пользователя и для ранжирования сайта в поиске. При этом те же исследования Google показали, что 70 % ресурсов загружаются за 5-7 секунд.

Пользователи не готовы ждать по 10 секунд, чтобы увидеть картинки и текст на странице. Исследования 2012 года показали, что человек замечает, если работа сайта замедлилась на 0,4 секунды. То есть из двух сайтов потенциальный покупатель выберет тот, что работает быстрее, даже если разница в скорости — одно моргание глаз.

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

Скорость загрузки сайта является одним из ключевых факторов ранжирования, для показа ресурса в ТОП-5 по высокочастотным запросам. Поисковые системы заинтересованы предоставлять пользователям релевантные ответы в максимально короткие сроки. Яндекс и Google продвигают рекомендации по оптимизации загрузки сайта, вводя данный фактор в свои алгоритмы ранжирования сайтов. Например, Яндекс будет помечать наличие долгого ответа сервера как критическую ошибку, а Google реализовал отдельный инструмент «Основные интернет-показатели», который аккумулирует в себе проблемы загрузки страниц.

Низкая скорость загрузки сайта негативно влияет на конверсию. По данным исследований Google, даже самые незначительные изменения оказывают ощутимый эффект на количество заказов с сайта.

Уменьшив время загрузки сайта на 0,1 сек., вы можете повысить коэффициент конверсии на 8 %. 77 % пользователей смартфонов с большей вероятностью совершат покупку, если мобильная версия сайта или приложение предоставляет возможность сделать это быстро.

* По данным сервиса https://www.thinkwithgoogle.com/intl/ru-ru/feature/testmysite/

Google активнее других поисковых систем продвигает идеи оптимизации скорости загрузки страниц. Одним из инструментов стимуляции развития сайтов в данном направлении является модель индексации — Mobile First Index. Это специальное обновление основного алгоритма поиска, которое направлено на анализ мобильной версии сайтов. Удобство и скорость просмотра сайта на мобильных устройствах является сильным фактором ранжирования. Важно не пренебрегать оптимизацией скорости загрузки — есть риск проиграть важные позиции в ТОПе. В данной статье мы рассмотрим основные способы увеличения скорости загрузки сайта.

Какая скорость загрузки считается оптимальной?

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

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

Google группирует сайты и страницы по следующим показателям:

• Быстрая загрузка: 0–2,5 сек.
• Средняя загрузка: 2,5–4 сек.
• Медленная загрузка: 4 сек. и более