Как увеличить скорость загрузки сайта

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

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

Способ 1. Уменьшить объем страниц

Существенно увеличить скорость позволяет gzip-сжатие данных страницы. Оно применяется для текстовых файлов, где используется HTML, CSS, JavaScript, и может сократить их размер на 50% и выше. Скорость открытия страницы вырастет пропорционально. Правда, как побочный эффект может появится нагрузка на сервер, однако этот вопрос решаем.

Для того, чтобы использовать gzip-сжатие, необходимо прописать в файле .htaccess следующее:

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/css
<IfModule mod_setenvif.c>
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
</IfModule>
</IfModule>

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

Способ 2. Уменьшить объем изображений

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

Выбирайте правильный формат для картинок. Изображения, где используется мало цветов (например, логотипы) можно сохранять в GIF, а JPEG использовать для фотографий, попытайтесь избегать PNG.

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

Наконец, можно попробовать избавиться от части изображений, особенно если их можно без сожалений заменить текстом.

Наконец, оптимизировать изображения без лишней головной боли помогут специальные онлайн-сервисы, например:

• www.punypng.com
• imgopt.com
• www.jpegmini.com

Способ 3. Уменьшить количество запросов браузера

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

• Использовать CSS-спрайты. Это файлы, которые содержат в себе несколько изображений. Для того, чтобы создать спрайт, можно воспользоваться сервисом spriteme.org
• Разрешить кэшировать ваш сайт. Если ваша страница не динамична, то у пользователя не должно быть необходимости загружать её каждый раз заново.

Чтобы узнать количество запросов в Google Chrome, необходимо перейти в раздел «Инструменты разработчика» (Ctrl+Shift+I) и открыть вкладку Network.

Способ 4. Оптимизация CSS и JavaScript

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

Если файл CSS не большой по объему, то его можно вставить непосредственно в начало HTML-документа. JavaScript же стоит вставлять в конец файла, для того, чтобы сначала посетитель вашего сайта увидел контент, который его интересует.

Способ 5. Используйте CDN

CDN (Content Delivery Network) – это сети доставки контента, которые придут вам на помощь, если на вашем сайте есть много данных для загрузки, на что требуется время. Скорость открытия сайта благодаря CDN минимизируется потому, что из совокупности доступных серверов выбирается тот, который наиболее выгоден для каждого конкретного пользователя (например, по географическому признаку). Одним из возможных вариантов CDN – Google Libraries. Используйте его, если на вашем сайте есть open-source JavaScript библиотеки.

Вывод

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