Как улучшить производительность вашего сайта: 10 советов по ускорению вашего сайта

Обновлено: 2022 декабря 04 г. / Автор статьи: Джерри Лоу
Исследования постоянно показывают, что более высокая скорость загрузки страницы приводит к лучшему коэффициенту конверсии. Поскольку веб-хостинг является одним из важнейших факторов скорости вашего бизнес-сайта, важно выбрать веб-хостинг, который поможет вашему сайту загружаться быстро.
Исследования неизменно показывают, что более высокая скорость загрузки страниц улучшает обменный курс. Поскольку веб-хостинг является одним из важнейших факторов скорости вашего бизнес-сайта, важно выбрать веб-хостинг, который поможет вашему сайту загружаться быстро (источник: CloudFlare).

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

1. Выберите лучший хостинг-сервер

Ваш веб-хостинг является одной из наиболее важных частей вашей веб-производительности.

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

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

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

Рекомендуемые провайдеры хостинга VPS

Веб-хостингПлан входаСредний уровеньИспытательный срокЗаказать
BlueHost$ 19.99 / мес$ 29.99 / мес30-дневныйПолучить BlueHost
HostPapa$ 19.99 / мес$ 59.99 / мес30 днейПолучить HostPapa
InMotion хостинг$ 17.99 / мес$ 64.99 / мес90-дневныйПолучить InMotion
InterServer$ 6.00 / мес$ 12.00 / мес30-дневныйПолучить InterServer
  LiquidWeb$ 15.00 / мес$ 45.00 / мес30 днейПолучить LiquidWeb
ScalaHosting$ 9.95 / мес$ 21.95 / мес30-дневныйПолучить ScalaHosting
TMD Hosting$ 19.97 / мес$ 29.97 / мес30-дневныйПолучить TMD Hosting

2. Используйте более быстрого DNS-провайдера

Что такое система доменных имен (DNS)?

Система доменных имен (DNS) это адресная книга Интернета. Всякий раз, когда пользователь вводит домен веб-сайта в свой браузер, например — google.com, DNS помогает определить IP-адрес доменного имени, чтобы браузеры могли загрузить веб-сайт.

Как DNS влияет на производительность вашего сайта?

Различия в скорости ответа DNS в зависимости от провайдера. Например, Cloudflare DNS был рассчитан на 11.68 мс в марте 2022 года; для сравнения, поиск DNS в RackSpace в тесте занял более 90 мс (источник: DNSPerf от PerfOps).

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

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

Как проверить скорость DNS

Чтобы проверить производительность вашего сервера имен, вы можете использовать инструмент, подобный приведенному на Сайт 24 × 7. Запустите его с вашим доменным именем, и он позволит вам узнать, сколько времени потребовалось вашему серверу имен, чтобы ответить на запрос. Если он слишком высок, вы можете подумать о смене серверов имен. Это нетрудно сделать.

Переключение серверов имен для повышения скорости

Изменить адреса серверов имен может быть очень просто.
Изменить адреса серверов имен может быть очень просто.

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

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

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

  1. На панели управления учетной записью найдите параметр «Управление доменным именем».
  2. В разделе «Серверы имен» найдите вариант добавления пользовательского DNS.
  3. Введите адреса, предоставленные вашей новой службой сервера имен.
  4. Вы ДОЛЖНЫ ввести оба адреса

Как только вы это сделаете, управление записями вашего доменного имени, как правило, будет осуществляться через панель управления вашего нового сервера имен. Дайте новому серверу имен время, чтобы обосноваться (от 24 до 48 часов).

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

3. Агрессивно кэшируйте

Как работает веб-кеширование (источник: Kinsta).

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

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

  • Cloudways, который имеет балансировку нагрузки и кэширование с помощью NGINX,
  • A2 хостинг, которая предварительно настроила Varnish со своими планами VPS, и
  • Kinsta, которые обрабатывают все кэширование сервера для своих клиентов.

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

4. Используйте HTTP/2

HTTP/2 против HTTP/1
HTTP/2 поставляется с различными улучшениями по сравнению с HTTP/1, что обеспечивает более быструю доставку пакетов и улучшенный пользовательский интерфейс (источник: Imperva).

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

К сожалению, не все планы веб-хостинга поддерживают HTTP/2, а некоторые веб-хостинги предлагают его только со своими более дорогими планами. Один из способов обойти это — использовать Cloudflare, который может включить HTTP/2 для всех сайтов.

5. Следуйте принципу KISS

Это не то, чему обычно учат большинство веб-гуру, но я нашел это необычайно полезным во многих отношениях. KISS — это аббревиатура от «Keep It Simple, Stupid». Он был придуман каким-то умным парнем в 1960-х годах, который подчеркивал эффективность простых систем.

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

Дизайн и визуальные эффекты

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

Код и плагины

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

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

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

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

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

Хотя веб-страницы обычно уже имеют небольшой размер, их сжатие перед отправкой может повысить производительность вашего сайта. Если вы слышали о сжатии изображений или, возможно, архивировании (ZIP или RAR), то вы, вероятно, знакомы с теорией сжатия gzip. Это сжимает код вашего веб-сайта, что приводит к повышению скорости до 300% (результаты различаются).

Каждый тип веб-сервера, такой как апаш, LiteSpeed и NGINX по-разному обрабатывает сжатие gzip. В качестве альтернативы вы также можете добавить следующий код в свой файл ..htaccess файл для сжатия ваших веб-файлов.

# Сжимать HTML, CSS, JavaScript, текст, XML и шрифты. Приложение AddOutputFilterByType DEFLATE/x-font-otf Приложение AddOutputFilterByType DEFLATE/x-font-truetype Приложение AddOutputFilterByType DEFLATE/x-font-ttf Приложение AddOutputFilterByType DEFLATE/x-javascript Приложение AddOutputFilterByType DEFLATE/xhtml+xml opentype AddOutputFilterByType DEFLATE font/otf AddOutputFilterByType DEFLATE font/ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/x-icon AddOutputFilterByType DEFLATE text/css AddOutputFilterByType DEFLATE text/html AddOutputFilterByType DOUTputFilter DEFLATE text/javascript LATE text/plain AddOutputFilterByType DEFLATE text/xml

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

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

Как работает CDN

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

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

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

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

Другие сервисы CDN, которые стоит рассмотреть, включают: Лаймлайт, KeyCDN

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

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

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

Оптимизированные и неоптимизированные изображения
Пример. Это увеличенные области HD-изображения (слева). Оригинал весил 2.3Мб, а после оптимизации образ уменьшился до 331кб.

9. Сократите код

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

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

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

10. Сократите перенаправления

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

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

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

Тестирование скорости вашего сайта

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

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

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

Инструменты тестирования скорости веб-сайта

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

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

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

Для большего выбора - ознакомьтесь с этими бесплатными инструментами для проверки скорости веб-сайта

Скорость веб-сайта — насколько быстро достаточно?

Google PageSpeed ​​Insight
Google PageSpeed ​​Insight - это хороший пример того, как поисковый гигант видит эффективность вашего сайта.

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

К сожалению, многие сайты до сих пор не соответствуют этому критерию. На самом деле, я измерил некоторые сайты, которые поразительно загружаются 3 или 4 минуты.

Заключительные мысли: более быстрые веб-сайты делают всех счастливыми

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

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

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

Не заканчивайте так, как ЧТО Веб-сайт.

Узнать больше

О Джерри Лоу

Основатель WebHostingSecretRevealed.net (WHSR) - обзора хостинга, которому доверяют и используют пользователи 100,000. Более чем 15-летний опыт в веб-хостинге, партнерском маркетинге и SEO. Вкладчик в ProBlogger.net, Business.com, SocialMediaToday.com и многое другое.

Подключение: