Содержание

10 советов о том, как увеличить скорость загрузки страницы | by Nikita | WebbDEV

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

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

Итак, поехали:

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

80% загрузки страницы ориентировано на загрузку компонентов страницы: скриптов, фотографий, файлов CSS, flash. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Уменьшив количество этих компонентов мы уменьшаем количество HTTP-запросов к серверу и как результат увеличиваем скорость загрузки страницы.

Но как уменьшить количество запросов к серверу не затрагивая внешний вид страницы?

На самом деле есть несколько способ.

  • Использование CSS-спрайтов. CSS-спрайт — это комбинированное изображение, которое содержит в себе несколько маленьких изображений, которые в нужный момент для нужного элемента страницы вырезаются используя свойства: background-image и background-position.
  • Использование Inline-картинок. Inline-картинки используют URL-схему data: для встраивания картинки в саму страницу. Это, однако, увеличит размер HTML-документа. Встраивая inline-картинки в ваши таблицы стилей вы добьетесь уменьшения запросов к серверу, а размер HTML останется прежним.
  • Объединение нескольких файлов в один. Если у Вас на страничке подключается больше одного css- или js-файла, то Вы можете объединить их в один. Это очень простой, но действенный способ уменьшения количества http-запросов на сервер. О том, как это делать на лету я писал в своей заметке здесь «Разгони свой сайт. Статическое сжатие css- и js- файлов на лету»

2. Помещайте CSS файлы в начале страницы

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

Если размещать CSS файлы внизу страницы, то это не позволяет многим браузерам рендерить страницу постепенно. Это объясняется тем, что браузер «не хочет» перерисовывать элементы, у которых после загрузки страницы может измениться стиль. Так что все свои CSS файлы всегда подключайте в верхней части страницы в секции HEAD.

3. Помещайте javascript в конец страницы

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

Кроме того, внешние .js-файлы блокируют параллельную загрузку. Спецификация HTTP/1.1 советует, чтобы браузеры параллельно загружали не более 2-х компонентов веб-страницы с одного хоста. Таким образом, если картинки для вашего сайта располагаются на разных хостах, вы получите более 2-х параллельных загрузок. А когда загружается скрипт, браузер не будет начинать никаких других загрузок, даже с других хостов.

4. Минимизируйте css и javascript

Минимизация файла — это удаление из кода всех несущественных символов с целью уменьшения объема файла и ускорения его загрузки. В минимизированном файле удаляются все комментарии и незначащие пробелы, переносы строк, символы табуляции. Здесь все просто. Чем меньше объем файла, тем меньше времени понадобится браузеру на его загрузку. А минимизировать Ваш код помогут вот эти 24 онлайн-сервиса для сжатия и оптимизации CSS кода
5. Используйте поддомены для параллельного скачивания

Как я уже говорил Выше, согласно спецификации HTTP/1.1 на браузеры накладываются ограничения на количество одновременно загружаемых компонентов сайта, а именно не более 2-х компонентов с одного хоста. Поэтому если на Вашем сайте много графики, то ее лучше вынести на отдельный поддомен или поддомены. Для Вас это будет один и тот же сервер, а для браузера — разные. Чем больше поддоменов Вы создадите, тем больше файлов браузер сможет одновременно загрузить и тем быстрее загрузится вся страница сайта. Вам остается лишь изменить адрес картинок на новый. Очень простой, но действенный способ.

6. Используйте кэш браузера

Кеширование становится крайне важным для современных веб-сайтов, которые используют обширное подключение JavaScript и CSS. Дело в том, что когда посетитель зашел на Ваш сайт в первый раз, то браузер выполнит загрузку всех javascript и css-файлов, также загрузит всю графику и флэш, однако правильно выставив HTTP-заголовок Expires, вы сделаете компоненты страницы кешируемыми. Таким образом, когда посетитель зайдет на Ваш сайт снова или перейдет на следующую страницу Вашего сайта, в кэше его браузера уже будут находится некоторые нужные файлы и браузеру не потребуется загружать их снова. Отсюда и выигрыш в скорости загрузки сайта.

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

<IfModule mod_expires.c>Header append Cache-Control "public"FileETag MTime SizeExpiresActive OnExpiresDefault "access plus 0 minutes"ExpiresByType image/ico "access plus 1 years"ExpiresByType text/css "access plus 1 years"ExpiresByType text/javascript "access plus 1 years"ExpiresByType image/gif "access plus 1 years"ExpiresByType image/jpg "access plus 1 years"ExpiresByType image/jpeg "access plus 1 years"ExpiresByType image/bmp "access plus 1 years"ExpiresByType image/png "access plus 1 years"</IfModule>

Данный фрагмент файла конфигурации Веб-сервера Apache проверяет наличие модуля mod_expires и, если модуль mod_expires доступен, включает отдачу HTTP-заголовков Expires, которые устанавливают срок хранения перечисленных выше объектов в кэше браузеров и прокси-серверов равный одному году с момента первой загрузки. Установив такой срок жизни кэша браузера, может возникнуть сложность с обновлением файлов. Поэтому если Вы изменили содержимое css или javascript-файла и хотите, чтобы эти изменения обновились в кэше браузера, то необходимо изменить название самого файла. Обычно в название файла добавляют его версию, например так: styles.v1.css

7. Используйте CDN для загрузки популярных JavaScript библиотек

Если на Вашем сайте используется популярный javascript фреймворк, например jQuery, то для его подключения лучше использовать CDN.

CDN (Content Delivery Network) — это множество веб-серверов, разнесенных географически для достижения максимальной скорости отдачи контента клиенту. Сервер, который непосредственно будет отдавать контент пользователю, выбирается на основании некоторых показателей. Например, выбирается сервер с наименьшим числом промежуточных хопов до него либо с наименьшим временем отклика. Кроме того браузер кэширует javascript-файлы, и если Вы посещали сайты на котором используется такой метод, то эта библиотека уже есть в кэше Вашего браузера, и он не будет загружать её снова.

Одним из таких CDN — является Google Libraries. Это CDN для популярных open-source JavaScript библиотек. Загрузка популярных javascript фреймверков с Google Libraries позволяет увеличить скорость загрузки страницы и снизит траффик на ваш сервер.

О том как загружать jQuery с репозитория Google я писал вот в этой заметке «Увеличиваем скорость загрузки страницы загружая jQuery с репозитория Google».

8. Оптимизируйте ваши изображения

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

  • GIF — идеально подходят для изображений с несколькими цветами, например логотип.
  • JPEG — отлично подходят для детализированых изображений с большим количеством цветов, такие как фотографии.
  • PNG — ваш выбор, когда вам нужно высококачественное изображение с прозрачностью.

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

Вот несколько онлайн сервисов для оптимизации изображений:

  • www.punypng.com
  • Smush.it
  • www.jpegmini.com

9. Не масштабируйте изображения

Не изменяйте размер изображения при помощи атрибутов width и height тега , либо при помощи CSS. Это тоже негативно влияет на скорость загрузки страницы. Если у Вас есть изображение размером 500x500px, а вставить на сайт Вы хотите изображение с размером 100x100px, то лучше изменить размер оригинальной картинки при помощи графического редактора Photoshop, или любого другого. Чем меньший вес картинки, тем меньше времени потребуется для её загрузки.

10. Используйте Gzip- сжатие

Как показали проведенные исследования, gzip-сжатие текстового файла «на лету» в 95–98% случаев позволяет сократить время на передачу файла браузеру. Если хранить архивированные копии файлов на сервере (в памяти proxy-сервера или просто на диске), то соединение в общем случае удается освободить в 3–4 раза быстрее.

Начиная с версии протокола HTTP/1.1, веб-клиенты указывают, какие типы сжатия они поддерживают, устанавливая заголовок Accept-Encoding в HTTP-запросе.

Accept-Encoding: gzip, deflate

Если веб-сервер видит такой заголовок в запросе, он может применить сжатие ответа одним из методов, перечисленных клиентом. При выдаче ответа посредством заголовка Content-Encoding сервер уведомляет клиента о том, каким методом сжимался ответ.

Content-Encoding: gzip

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

Для того, чтобы включить GZIP-сжатие на своем сайте, необходимо в файле . Mozilla/4.0[678] no-gzipBrowserMatch bMSIE !no-gzip !gzip-only-text/html<ifmodule mod_gzip.c>mod_gzip_on Yesmod_gzip_item_include file \.js$mod_gzip_item_include file \.css$ </ifmodule> </IfModule>

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

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

Как ускорить сайт: 8 основных способов

20021 116 20

SEO – Читать 8 минут

Прочитать позже

Ильхом Чакканбаев

Автор блога Seopulses.ru

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

Поэтому в данной статье я решил собрать 8 основных факторов, тормозящих сайт, и способы их устранить. Хотите сделать сайт быстрее? Поехали!

Содержание

Измерение скорости загрузки сайта: для чего это нужно?
8 способов ускорить сайт
Способ #1
Способ #2
Способ #3
Способ #4
Способ #5
Способ #6
Способ #7
Способ #8
Заключение

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

Для этих целей подойдут такие инструменты, как:

Google PageSpeed insights. Наиболее популярный инструмент, позволяющий проводить анализ как мобильной, так и десктопной версии сайта. Дополнительно сервис дает рекомендации по улучшению показателей.

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

Для чего это нужно?

В первую очередь, согласно данным Google (исследование SOASTA), скорость загрузки сайта влияет на конверсию. Так, оптимальное время, за которое должна открыться страница, составляет менее 2,2 секунд.

Согласно другим исследованиям, компания Walmart добилась увеличения коэффициента конверсии на 2% за каждую 1 секунду ускорения. Также IT-гигант Mozilla смог повысить количество загрузок на 15%, уменьшив время на отображение страницы на 2.2 секунды.

Данный источник утверждает, что загрузка страницы за менее, чем 100 миллисекунд дает пользователю ощущение моментальной загрузки. Как показали исследования, около половины (40%) посетителей откажутся от сайта, если он загружается более 3 секунд. Было замечено, что при превышении времени загрузки контента 2-х секунд показатель отказов увеличивается на 30%.

Дополнительным стимулом для вебмастеров становится влияние этого фактора на мобильную выдачу в Google с июля 2018 года.

Тестирование и примеры

Для того, чтобы проверить эффективность части методов, которые были описаны, использовалась проверка одной и той же страницы (мобильной версии) через сервис Google PageSpeed insights, имеющей следующие показатели:

Баллов: 85;

Время загрузки первого контента: 2,1 сек;

Время загрузки для взаимодействия: 5,2 сек.

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

8 способов ускорить сайт

Способ #1

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

Уменьшить размер страницы можно, сжав изображения при помощи сервисов:

iloveimg

imagecompressor

compressjpeg

Это позволит уменьшить вес изображений на 60−90% и, как следствие, значительно снизить размер страницы.

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

Читать!

Способ #2

Сжатие страницы

Улучшить скорость загрузки страницы по протоколу HTTP можно через компрессию (сжатие), которую лучше всего выполнить через технологии:

Проверить результаты сжатия можно на сайте whatsmyip.

Как включить Gzip-сжатие страниц на сайте

Читать!

Способ #3

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

Формат WebP даст возможность сделать страницу еще «легче». Он позволяет получить размер на 26% меньше, чем PNG. Без его использования можно получить следующие результаты:

Баллов: 79;

Время загрузки первого контента: 2,3 сек;

Время загрузки для взаимодействия: 5,7 сек.

Способ #4

Lazy load изображений

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

Результаты до:

Баллов: 40;

Время загрузки первого контента: 2,5 сек;

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

13 лучших плагинов WordPress для SEO

Читать!

Способ #5

Кэширование

Кэширование — это способ оптимизации Web, при котором медленные SQL запросы заменяются статическим HTML-кодом. Как правило, сохраняется код на некоторое время (час, день, неделя или любое другое), после чего кэш очищается, и начинается генерация нового файла.

Результаты без кэширования:

Баллов: 77;

Время загрузки первого контента: 2,6 сек;

Время загрузки для взаимодействия: 5,6 сек.

Как включить и настроить кэширование сайта

Читать!

Способ #6

Сократить CSS и Javascript

При помощи использования специальных средств для упрощения кода JavaScript и CSS, можно снизить «вес» страницы. Для того, чтобы выполнить эту операцию, достаточно использовать инструмент jscompress.

Пример, кода без сжатия:

Баллов: 81;

Время загрузки первого контента: 2,7 сек;

Время загрузки для взаимодействия: 5,3 сек.

Подробнее о сжатии JavaScript и CSS можно узнать в статьях:

Способ #7

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

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

Например, сайт Google, который выглядит максимально просто, поэтому имеет идеальные данные по Google PageSpeed insights.

Способ #8

Уменьшить расстояние «сервер-клиент»

Расстояние между сервером и пользователем играет важную роль в оптимизации скорости загрузки сайта. Для решения проблемы можно использовать CDN-сервисы, которые загрузят нужные файлы (как правило, картинки) с собственного сервера, находящегося ближе всего к пользователю.

Наиболее популярные CDN сервисы:

CloudFlare;

Incapsula;

DataPath;

Netlify.

Кстати, найти на сайте неполадки, тормозящие его работу, а также много других уязвимостей, мешающих хорошему ранжированию, можно с помощью инструмента «Аудит сайта» от Serpstat.

Вот категории неполадок, на наличие которых Serpstat проверяет сайт:

Коды ответов.

Мета-теги.

Заголовки.

Контент

Мультимедиа.

Индексация.

Редиректы.

Ссылки.

Параметры сервера.

Сертификат HTTPS.

Атрибуты hreflang.

Проверки AMP.

Проверки разметки.

Скорость загрузки для компьютеров.

Скорость загрузки для мобильных.

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

Вот несколько статей, которые помогут в работе с инструментом:

Заключение

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

Чтобы быть в курсе всех новостей блога Serpstat, подписывайтесь рассылку. А также вступайте в чат любителей Серпстатить и подписывайтесь на наш канал в Telegram.

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

Получить бесплатный доступ на 7 дней

Оцените статью по 5-бальной шкале

4.32 из 5 на основе 29 оценок

Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Рекомендуемые статьи

SEO +1

Анастасия Сотула

Как карантин и коронавирус (по)влияют на SEO и интернет-маркетинг: что делать и к чему готовиться?

SEO

Twiggy

Самые распространенные вопросы пользователей о модуле «Аудит сайта»: дайджест службы поддержки #3

SEO +1

Анастасия Сотула

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

Кейсы, лайфхаки, исследования и полезные статьи

Не успеваешь следить за новостями? Не беда! Наш любимый редактор подберет материалы, которые точно помогут в работе. Только полезные статьи, реальные кейсы и новости Serpstat раз в неделю. Присоединяйся к уютному комьюнити 🙂

Нажимая кнопку, ты соглашаешься с нашей политикой конфиденциальности.

Поделитесь статьей с вашими друзьями

Вы уверены?

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить

9 быстрых способов повысить скорость загрузки страницы

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

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

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

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

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

Начнем!

Что такое скорость страницы?

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

Существует множество факторов, влияющих на скорость страницы. Вот некоторые из наиболее важных:

  • Сколько изображений, видео и других мультимедийных файлов содержится на странице
  • Какие темы и плагины установлены на вашем сайте
  • Кодирование вашего сайта (и конкретной страницы) и серверные скрипты

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

Почему важна скорость страницы?

Когда дело доходит до скорости загрузки страницы, каждая секунда на счету. На самом деле, исследование Google показывает, что когда время загрузки увеличивается с одной до трех секунд, вероятность отказа (посетитель уходит сразу) увеличивается на 32 процента.

Если страница загружается в течение пяти секунд, вероятность отказа возрастает на 90 процентов:

 

Источник изображения

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

Скорость страницы также играет ключевую роль в поисковой оптимизации (SEO). Google принимает во внимание множество факторов, решая, как ранжировать веб-страницы.

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

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

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

Как измерить скорость страницы

Прежде чем вносить какие-либо изменения на свой сайт, вам необходимо оценить производительность ваших веб-страниц. Существуют различные инструменты, которые можно использовать для тестирования и измерения скорости страницы. Двумя популярными решениями являются Pingdom Website Speed ​​Test и GTmetrix, которые удобны для начинающих.

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

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

Чтобы использовать PageSpeed ​​Insights, просто введите URL-адрес веб-страницы, которую вы хотите протестировать, в текстовое поле и выберите Analyze 9Кнопка 0018:

Google PageSpeed ​​Insights.

После этого PageSpeed ​​Insights проанализирует содержимое вашей страницы и оценит его по шкале от 0 до 100. Под вашей оценкой вы найдете список способов повысить скорость загрузки страницы:

Предложения для повышения производительности.

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

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

9 быстрых способов повысить скорость загрузки страниц

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

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

1. Выберите хостинг с оптимизированной производительностью.

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

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

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

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

2. Сожмите и оптимизируйте изображения.

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

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

Уменьшая размеры файлов изображений, вы можете уменьшить их «вес», что в конечном счете ускорит загрузку страниц. Для этой цели можно использовать множество плагинов для оптимизации изображений, например WP Smush.

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

Если вы не используете WordPress в качестве своей CMS, вы можете попробовать с tinypng.com или Attrock, которые могут уменьшить размер ваших изображений с 25% до 80%, а также с бесплатным веб-приложением под названием Squoosh.

3. Сократите количество переадресаций.

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

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

Существует несколько различных способов уменьшить количество переадресаций в WordPress. Один из них — избегать создания ненужных при создании внутренних ссылок и меню. Другой — убедиться, что ваш домен верхнего уровня (TLD) разрешается максимум с одним перенаправлением.

Если вам нужна помощь в определении перенаправлений, которые неправильно настроены на вашем сайте, вы можете использовать инструмент сопоставления перенаправлений Патрика Секстона:

Инструмент сопоставления перенаправления Патрика Секстона.

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

4. Кэшируйте веб-страницы.

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

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

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

Другим вариантом является использование плагина кэширования, такого как W3 Total Cache , , который является бесплатным плагином WordPress, который делает кэширование ваших веб-страниц быстрым и простым. После того, как вы установите и активируете его, просто перейдите к Общие настройки > Кэш страниц и выберите параметр Включить .

Вы также можете воспользоваться преимуществами WP Rocket, мощного плагина кэширования, который ускорит загрузку и оптимизирует показатели PageSpeed ​​Insights и Core Web Vitals всего за несколько кликов. Кроме того, при активации плагин применяет 80 % передовых методов веб-производительности — идеальный инструмент для экономии времени и ускорения работы вашего сайта.

5. Включите кэширование браузера.

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

Подобно W3 Total Cache, WP Rocket — это мощный плагин для кэширования, который вы можете использовать на своем сайте WordPress. Он использует кэширование страниц и предварительную загрузку кеша для оптимизации скорости ваших страниц и создания молниеносной загрузки. WP Rocket — это плагин премиум-класса с различными тарифными планами на выбор.

6. Используйте асинхронную и отложенную загрузку файлов CSS и JavaScript.

Ваш сайт состоит из файлов CSS и JavaScript. Эти сценарии могут загружаться синхронно или асинхронно.

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

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

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

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

Вы также можете выбрать самый простой вариант и использовать WP Rocket. Плагин включает в себя три эффективные функции для оптимизации файлов CSS и Javascript: удаление неиспользуемого CSS, отложенная загрузка JavaScript и отсрочка выполнения JavaScript. Вам нужно только включить опции, а плагин позаботится об оптимизации файла.

7. Сократите CSS, JavaScript и HTML.

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

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

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

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

Настройки плагина Autoptimize WordPress.

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

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

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

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

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

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

9. Удалите ненужные плагины.

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

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

Поэтому было бы разумно свести к минимуму количество плагинов, которые вы используете на своем сайте WordPress. Конечно, один из самых простых способов сделать это — отключить и удалить все плагины, которые вы в данный момент не используете.

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

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

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

Деактивация плагинов WordPress.

Затем включите их по одному. Каждый раз, когда вы активируете плагин, используйте инструмент тестирования скорости, такой как PageSpeed ​​Insights, чтобы увидеть, не повлияло ли это на ваш результат и время.

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

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

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

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

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

 

Темы: Производительность веб-сайта

Не забудьте поделиться этим постом!

Рекомендации по оптимизации скорости и производительности веб-сайта

Время чтения: 9 минут

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

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

Важность оптимизации скорости веб-сайта

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

Давайте посмотрим, как оптимизация скорости сайта влияет на ключевые факторы успеха сайта:

  • конверсия
  • видимость
  • удобство использования

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

Чем быстрее загружается страница, тем выше коэффициент конверсии. Согласно исследованию Hubspot, задержка в 1 секунду означает снижение конверсии на 7%. Например, замедление страницы на 1 секунду может стоить Amazon 1,6 миллиарда долларов продаж в год.

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

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

Чем лучше работает ваш сайт, тем более довольным будет пользователь. Отличный пользовательский опыт — это способ создать большую клиентскую базу и сильный бренд.

Способы оценки скорости вашего сайта

Прежде чем начать оптимизацию скорости вашего сайта, вы должны определить текущее время загрузки и определить, что замедляет работу вашего сайта. Затем вы должны установить цели производительности вашего сайта. Рекомендуемое время загрузки страницы в 2018 году – не более 3 секунд. Согласно исследованию Google о средней скорости мобильных устройств в разных отраслях, лишь небольшая часть веб-сайтов близка к рекомендуемой скорости.

Индекс средней скорости мобильных устройств в США

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

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

Есть несколько инструментов оценки производительности, которые стоит попробовать:

  • Google Pagespeed Insights — это бесплатный инструмент от Google, который проводит тест производительности вашего сайта и дает рекомендации по повышению производительности. Он работает как для десктопной, так и для мобильной версии.
  • Pingdom также является отличным инструментом для тестирования скорости веб-сайта с рядом полезных функций. Он отслеживает историю производительности вашего веб-сайта, дает рекомендации на основе данных о том, как повысить скорость веб-сайта, и создает простые для понимания отчеты. Pingdom также предоставляет приложения для тестирования скорости веб-сайта для Android и iOS. У него есть как бесплатные, так и профессиональные платные планы мониторинга.
  • YSlow также дает рекомендации по улучшению производительности страницы, рисует статистику и суммирует все компоненты.
  • Калькулятор бюджета производительности — это бесплатный инструмент, который помогает определить, какой тип контента вы можете использовать для обеспечения оптимальной работы вашего сайта.

Калькулятор бюджета производительности

Рекомендации по ускорению работы вашего веб-сайта

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

1.

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

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

2. Переместите свой сайт на лучший хостинг

Существует три возможных типа хостинга:

  • Общий хостинг
  • Виртуальные частные серверы (VPS) на хостинге
  • Выделенный сервер

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

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

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

Другой подход — арендовать выделенный облачный ресурс у AWS, Microsoft Azure, Google или другого поставщика общедоступного облака. Оба подхода также можно объединить в гибридное облако, которое мы недавно обсуждали. С выделенными серверами все ресурсы принадлежат только вам, и вы получаете полный контроль над ними. Облачные инфраструктуры также могут добавлять неограниченную масштабируемость по запросу в рамках ряда пакетов.

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

3. Оптимизируйте размер изображений на своем веб-сайте

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

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

4. Сократите количество подключаемых модулей

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

5. Минимизируйте количество файлов JavaScript и CSS

Если ваш сайт содержит много файлов JavaScript и CSS, это приводит к большому количеству HTTP-запросов, когда посетители вашего сайта хотят получить доступ к определенным файлам. Эти запросы индивидуально обрабатываются браузером посетителя и замедляют работу сайта. Если вы уменьшите количество файлов JavaScript и CSS, это, несомненно, ускорит работу вашего сайта. Попробуйте сгруппировать весь JavaScript в один, а также сделайте то же самое со всеми файлами CSS. Это уменьшит общее количество HTTP-запросов. Существует множество инструментов для быстрой минимизации файлов HTML, CSS и JavaScript. Например, вы можете использовать инструменты WillPeavy, Script Minifier или Grunt.

6. Используйте кэширование веб-сайта

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

Подходы к кэшированию веб-сайтов зависят от платформы, на которой разработан ваш веб-сайт. Например, для WordPress вы можете использовать следующие плагины: W3 Total Cache или W3 Super Cache. Если вы используете VPS или выделенный сервер, вы также можете настроить кэширование в общих настройках. В случае общего сервера кэширование веб-сайта обычно недоступно.

7. Используйте сжатие Gzip

Сжатие Gzip — это эффективный способ уменьшить размер файлов. Это сводит к минимуму HTTP-запросы и сокращает время отклика сервера. Gzip сжимает файлы перед отправкой в ​​браузер. На стороне пользователя браузер распаковывает файлы и представляет содержимое. Этот метод может работать со всеми файлами на вашем сайте. Вы можете включить Gzip на своем веб-сайте, добавив несколько строк кода или с помощью утилиты под названием gzip.

8. Оптимизация базы данных в CMS

Оптимизация базы данных — эффективный способ повысить производительность. Если вы используете систему управления контентом (CMS), наполненную сложными плагинами, размер базы данных увеличивается, и ваш сайт работает медленнее. Например, WordPress CMS хранит комментарии, сообщения в блогах и другую информацию, которая занимает много места в хранилище данных. Каждая CMS требует своих мер по оптимизации, а также имеет ряд специфических плагинов. Например, для WordPress вы можете рассмотреть WP-Optimize .

9. Сокращение использования веб-шрифтов

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

  • Используйте современные форматы WOFF2 для современных браузеров;
  • Включать только те наборы символов, которые используются на сайте;
  • Выберите только нужные стили

10.

Обнаружение ошибок 404

Ошибка 404 означает, что «Страница не найдена». Это сообщение предоставляется хостингом браузерам или поисковым системам, когда доступ к содержимому страницы больше не существует. Чтобы обнаружить и исправить ошибку 404, вы можете использовать инструменты и плагины для обнаружения ошибок. Как мы уже упоминали, дополнительные плагины могут негативно сказаться на скорости вашего сайта, поэтому мы советуем запускать ресурс через внешние инструменты для обнаружения ошибок. Например, Link Sleuth от Xenu, Google Webmaster Tools (GWT) и плагин 404 Redirected для WordPress 9.0391 .

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

11. Уменьшите количество перенаправлений

Перенаправления веб-сайтов создают дополнительные HTTP-запросы, которые отрицательно влияют на производительность. Мы советуем свести их к минимуму или полностью исключить. Во-первых, вы должны определить все редиректы на своей странице, запустив сканирование сайта. Вы можете использовать Screaming Frog для быстрого определения редиректов. Затем вы должны проверить, служат ли они необходимой цели, и оставить только критические.

12. Используйте методы предварительной выборки

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

Существует три основных типа предварительной выборки:

Предварительная выборка DNS. Практика предполагает предварительное преобразование доменов в IP-адреса.

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

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

Хотя предварительная выборка эффективна, она требует глубокого анализа поведения пользователей, чтобы делать точные предположения.

Заключение

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