Вы теряете клиентов из-за скорости сайта

SEO продвижение

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

Она зависит от многих факторов, таких как вес изображений, скрипты, скорость ответа сервера.

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

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

Содержание статьи

    Согласно исследованию Google, задержка загрузки сайта буквально на 1 секунду, может снизить коэффициент конверсии на 20%.

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

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

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

    Стоит напомнить, что раньше это касалось только десктопной версии.

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

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

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

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

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

    Как проверить скорость вашего сайта?

    Чтобы посмотреть, что именно замедляет скорость загрузки страницы, Google предоставил инструмент для проверки скорости сайта Google Page-Speed Insights

    Введите в строку адрес вашего сайта или конкретную страницу и нажмите на кнопку «Анализировать».

    введите адрес сайта

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

    Как правило, данные в них немного отличаются.

    Но вы можете сразу ориентироваться на мобильную версию.

    данные о скорости сайта

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

    аудит страницы

    С помощью этого инструмента вы можете проверить на скорость каждую отдельную страницу.

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

    Если вы хотите сделать более глубокий анализ сайта или страницы, вы можете воспользоваться инструментом от Google Lighthouse 

    Как исправить ошибки

    Удалите неиспользуемый код CSS

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

    Вставьте ссылку на ваш сайт и данный сервис предложит вам уже очищенный код.

    Настройте подходящий размер изображений

    Изображения можно сжать онлайн инструментом Imageoptim 

    Или установить программу на компьютер FileOptimizer 

    Настройте показ всего текста во время загрузки веб-шрифтов

    Эту проблему можно решить, если добавить font-display: swap; перед загрузкой шрифта.

    @font-face {
    font-display: swap;
    font-family: Muller-100;
    font-display: auto;
    src:url('fonts/Fontfabric-MullerThin.eot');
    src:url('fonts/Fontfabric-MullerThin.ttf') format('truetype'),
    url('fonts/Fontfabric-MullerThin.woff') format('woff'),
    url('fonts/Fontfabric-MullerThin.svg#Muller-100') format('svg');
    font-weight: 100;
    font-style: normal;
    }