Мои методы оптимизации скорости сайта

By in
35
Мои методы оптимизации скорости сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 Compression — эффективный способ уменьшить размер файлов. Это минимизирует 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 для WordPress .  

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

11. Уменьшить перенаправления

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

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

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

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

DNS-предвыборку. Практика влечет за собой разрешение доменов в IP-адреса заранее.

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

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

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

Заключение

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

Итак, мы рекомендуем применить простой, но эффективный подход к оптимизации скорости сайта:

  1. Проверьте и оцените ключевые факторы успеха сайта, учитывая конверсию, видимость и удобство использования.
  2. Проверьте текущую скорость вашего сайта и расставьте приоритеты для страниц и функций, которые требуют наибольшего внимания в отношении этих трех факторов.
  3. Начните оптимизацию с наиболее быстродействующих аспектов и сосредоточьтесь на страницах, которые больше всего определяют ваш успех конверсии.
54321
(1 vote. Average 5 of 5)
Оставте комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *