7 лайфхаков для оптимизации скорости сайта

Опубликовано: 2019-12-18

Медленный сайт может убить ваш трафик и конверсию.

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

Хаки для оптимизации скорости сайта

Так как же повысить скорость своего сайта? Давайте рассмотрим семь важнейших приемов оптимизации скорости сайта, которые помогут вашему сайту оставаться на вершине конкуренции!

1. Включите поддержку HTTP

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

Простой лайфхак, который вы можете использовать для повышения скорости вашего сайта, — включить HTTP Keep-Alive.

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

Преимущества включения Keep-Alive многочисленны. Во-первых, поскольку соединение между клиентом и вашим сервером остается открытым, время, необходимое для обслуживания файлов, сокращается. Во-вторых, тот факт, что запросы отправляются по одному соединению, сокращает время приема-передачи (RTT) из-за того, что количество запросов на соединение TCP и SSL/TLS уменьшается.

Если HTTP Keep-Alive еще не включен на вашем сервере, включить его довольно просто. Вам просто нужно добавить следующий код в файл htaccess:

<IfModule mod_headers.c>
Набор заголовков
</ЕслиМодуль>

2. Запланируйте регулярную очистку базы данных

Вы также можете повысить скорость своего сайта, очистив базу данных. Это особенно важно, если вы используете WordPress.

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

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

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

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

3. Удалите неактивные темы и плагины

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

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

4. Сжимайте изображения

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

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

Например, Kinsta удалось уменьшить размер изображения более чем на 1364 процента без большой потери качества за счет сжатия изображения. В то время как исходный размер изображения составлял 2,06 МБ, слегка сжатая версия — 590 КБ, а среднесжатая версия (без значительной потери качества) — 151 КБ.

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

СОВЕТ: Откройте для себя программное обеспечение для управления сайтом WordPress, которое поможет вам управлять вашим сайтом в целом, от контента до скорости сайта и всего, что между ними.

Найдите лучшее программное обеспечение для управления сайтами WordPress. Узнайте сейчас, бесплатно →

5. Включите ленивую загрузку

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

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

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

СВЯЗАННЫЕ: Вы можете использовать один из следующих пяти методов для ленивой загрузки изображений на свой веб-сайт.

6. Минимизируйте редиректы

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

Когда слишком много цепочек редиректов

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

Когда вообще слишком много редиректов

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

7. Включите кэширование

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

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

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

кэширование кода htaccess


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

  • Общий кэш W3
  • Суперкэш W3
  • Колибри

Вывод

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

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

См. самые простые в использовании инструменты SEO →