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

Опубликовано: 2023-03-06

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

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

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

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

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

Страницы с более быстрой загрузкой повышают производительность вашего сайта, повышают показатели Google PageSpeed ​​Insights и GTmetrix, а также улучшают позиции в результатах поиска.

Но насколько именно скорость страницы влияет на SEO? Низкая скорость загрузки страницы может привести к :

  • Снижение конверсии на 7%.
  • На 11% меньше просмотров страниц.
  • Снижение удовлетворенности клиентов на 16%.

И с каждой секундой эти цифры становятся все более и более ужасающими:

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

Как посмотреть скорость загрузки моей страницы?

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

  • Google PageSpeed ​​Insights проводит отдельные тесты для компьютеров и мобильных устройств, разделяя время загрузки на разные этапы.
  • GTmetrix предоставляет обзор размера, времени загрузки страницы и распределения ресурсов, как и YSlow.
  • Pingdom предлагает услугу, аналогичную GTmetrix.
  • WebPageTest немного менее удобен для пользователя, чем другие, но имеет тенденцию быть более проницательным. Следует отметить его расширенные параметры, которые учитывают, как сайт работает в разных браузерах.

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

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

Как быстро должен загружаться мой сайт?

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

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

Вы также должны обратить внимание на время до первого байта (TTFB). (Эти данные показывают WebPageTest и PageSpeed ​​Insights.) TTFB — это период, в течение которого браузеры ждут, прежде чем они примут первый байт данных с сервера. Google предлагает TTFB 200 миллисекунд или быстрее.

Вот больше информации о целях скорости загрузки страницы:

  • Pingdom обнаружил, что большинство страниц загружаются в среднем менее чем за 3,21 секунды .
  • Google говорит, что 53% пользователей готовы ждать только три секунды, пока их телефоны загрузятся, прежде чем перейти на другой сайт.
  • Akamai обнаружил, что средняя скорость загрузки мобильной страницы в 2,4 секунды приводит к лучшему коэффициенту конверсии.

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

Как лучше всего увеличить скорость загрузки страницы?

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

Вот некоторые из лучших методов:

1. Включите сжатие gzip.

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

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

4. Минимизируйте HTML, CSS и JavaScript.

5. Уменьшите HTTP-запросы.

6. Сократите время отклика сервера.

7. Рассмотрите возможность внедрения CDN.
Бонус: сделайте улучшения для WordPress.

На вашей отметке! Получить набор! Способствовать росту!

1 . Включить сжатие gzip

Сжатие уменьшает размер ваших файлов, обеспечивая более быструю загрузку. Это один из самых простых и быстрых способов оптимизации скорости загрузки страницы. Использование gzip для сжатия является почти нормой, хотя Brotli является альтернативным, но популярным методом. При включении gzip может уменьшить размер HTML, CSS и JavaScript до 70%. (Запустите тест gzip, чтобы узнать, включен ли он.)

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

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

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

  • Менее 100 килобайт.
  • Установите точный размер изображения, которое будет показано.
  • Сохраняется как JPG (если он не прозрачный, в этом случае используйте PNG).

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

Оптимизируйте изображения перед их загрузкой с помощью Photoshop (платно) или GIMP (бесплатно). Для дополнительного сжатия вы также можете использовать онлайн-оптимизатор, такой как TinyJPG. Если вам нужен другой вариант и вы используете CMS, например WordPress, Smush и EWWW Image Optimizer — хорошие плагины для резервного копирования. Некоторые плагины также предоставляют вам возможность включить функцию «ленивой загрузки», которая отдает приоритет содержимому верхней части страницы и загружает ваши изображения только тогда, когда посетитель прокручивает страницу вниз, что значительно сокращает количество запросов, получаемых вашим сервером.

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

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

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

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

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

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

Плагины WordPress, такие как WP Super Minify, WP Rocket и W3 Total Cache, идеально подходят начинающим веб-разработчикам для минимизации. Вам нужно будет выполнить минимизацию вручную для других CMS и продвинутых администраторов. Вот некоторые инструменты, которые могут помочь:

  • HTML-минификатор.
  • Компрессор YUI или минимизатор CSS.
  • JCompress или JSMin.

5. Уменьшите HTTP-запросы

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

Существует множество способов упростить эти запросы , а также ускорить их.

6. Сократите время отклика сервера

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

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

Некоторые другие важные вещи, которые следует учитывать:

  • PHP-версия
     Если ваш сайт основан на PHP, вам следует использовать PHP 7 или выше. Самый простой способ узнать, какой PHP вы используете, а какой нужно обновить, — это позвонить своему хостинг-провайдеру. Но помните, что изменения в PHP могут повлиять на некоторые темы и плагины WordPress. Вы можете быстро отменить PHP вашего сервера, если что-то кажется неисправным.
  • HTTP/2
     HTTP/2 — это протокол на стороне сервера, который может значительно повысить скорость и эффективность сайта. Не все сайты используют HTTP/2, когда это возможно. Вы можете использовать различные онлайн-инструменты, чтобы проверить, поддерживает ли ваш сервер HTTP/2. Затем обратитесь к своему хостинг-провайдеру, чтобы узнать, какие у вас есть варианты.
  • Тип хостинга
     Большинство малых предприятий используют более дешевые серверы виртуального хостинга (например, Bluehost, GoDaddy и HostGator). Более крупным предприятиям, которые видят большой трафик сайта, обычно требуются более мощные виртуальные частные серверы или прямые серверы для распространения своего контента. Решите, к какой категории вы относитесь, используя свой бюджет и производительность в качестве показателей.

7. Рассмотрите возможность реализации CDN

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

Некоторые уникальные параметры CDN включают в себя:

  • Облачная вспышка.
  • Путь стека.
  • КэшФлай.
  • Облачный CDN Google.

Только некоторые сайты нуждаются в CDN (несмотря на то, что может предложить GTmetrix), поэтому мы рекомендуем сначала выполнить другие стратегии из этого списка. Считайте CDN подходящим вариантом, если вам все еще нужно наверстать время загрузки.

Бонус: улучшения для WordPress

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

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

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

Вот почему важно:

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

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

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

Очистите свою базу данных

Со временем базы данных WordPress могут захлебнуться из-за сохраненных черновиков, пост-редакций и других вещей, которые не нужны вашему сайту для работы. Периодическая очистка этого беспорядка может помочь повысить скорость вашего сайта. Некоторые подключаемые модули производительности «все в одном» также имеют эту возможность (аналогично WP Rocket), или вы можете использовать подключаемый модуль WP-Optimize.

Обновите CMS и тему

Убедитесь, что вы всегда используете последние версии вашей темы и установки WordPress. (Не забудьте сделать резервную копию своего сайта перед этим.) Если ваш сайт по-прежнему работает медленно после обновления и внесения всех вышеперечисленных изменений, вы можете попробовать полностью новую тему. Несмотря на то, что темы улучшают внешний вид вашего сайта, они могут принести много вреда, который может затормозить ваш сайт.

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

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

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