Несколько способов ускорить сайт
Низкая скорость загрузки - это критично. По данным исследований, долгое ожидание негативно влияет на пользователей: 45,4% из них с меньшей вероятностью совершат целевое действие, а 11,9% - вообще покинут сайт! Давайте обсудим несколько способов, которые помогут ускорить сайт быстро и без особых усилий.
Способ 1. Оптимизировать изображения на сайте
Неправильный формат или слишком большой размер картинок - это, наверное, одни из самых распространённых причин низкой скорости.
Формат изображений
Если выбирать между форматами PNG и JPEG, лучше использовать последний: картинки будут весить меньше без потери качества, так как JPEG немного сжимает изображение.
Идеально перевести изображения в более современный формат WebP - он был разработан Google специально для использования на веб-сайтах, поэтому весит ещё меньше. В Google утверждают, что WebP допускает до 30% большее сжатие без потери качества по сравнению с JPEG и PNG.
Для иконок лучше использовать формат SVG: он сохраняет качество и чёткость изображения даже при детальном рассмотрении. Но для фото формат SVG не подходит: это векторный формат, который состоит из линий и фигур, описанных формулами, а фотография - это растровое изображение, состоящее из пикселей.
Чтобы изменить формат, можно использовать любой онлайн-сервис из поискового запроса.
Вес и размер изображений
Если вы выбрали верный формат, но изображения всё равно загружаются слишком долго, можно сжать их дополнительно.
Надо найти баланс: сжимаем - смотрим на результат. Например, большие изображения с разрешением 1200×800 пикселей можно ужать до размера 200 килобайт.
Для сжатия подойдут привычные инструменты типа Compressor или TinyPNG или нейросетевые решения - например, Upscale Media.
Способ 2. Использовать систему распределения контента CDN
CDN (Content Delivery Network) - это географическая система дистрибуции данных.
Работает она следующим образом: пользователь получает данные не напрямую от сервера, а через один из серверов CDN - тот, что находится ближе к нему географически. Запрос проходит более короткий путь, и контент загружается быстрее.
К сожалению, сегодня со стороны зарубежных CDN доступ к IP-серверам российских подсетей может быть ограничен по разным причинам. Представьте: вы опубликовали изменения на сайте, и они начинают распространяться по удалённым серверам, но в итоге доходят не до всех пользователей, поэтому на сайте отображается неактуальная информация.
Часто CDN используют для хранения JavaScript-библиотек и фреймворков, таких как React, Vue и jQuery (обычно это персонализированные шрифты, иконки и т.д.) Однако, если на стороне сервера CDN возникнут проблемы или его ограничат, функции сайта могут стать недоступными или появятся задержки загрузки.
Чтобы решить эту проблему, можно загрузить JavaScript-код с библиотеками на свой собственный сервер и изменить пути к библиотекам в коде.
Плюсы. CDN действительно увеличивает скорость загрузки страниц.
Минусы. Изменения на сайте распространяются не сразу, а если вы в России, то они могут вообще и не дойти до некоторых пользователей.
Способ 3. Уменьшить и оптимизировать загрузку файлов JS, CSS и HTML
В коде часто встречаются пробелы, комментарии и другие лишние символы, которые замедляют загрузку контента. Поэтому я советую минимизировать файлы JS, CSS и HTML - для этого можно использовать любой сервис для сокращения кода.
У способа есть нюанс: если вы захотите внести изменения в код, то это будет сложно сделать в его сжатой версии. Поэтому сохраняйте оригинальный код: если что, сможете внести изменения и снова его сократить.
Также обратите внимание на способы загрузки скриптов:
последовательная (стоит по умолчанию) - при ней браузер загружает скрипты по очереди в порядке, в котором они указаны в коде страницы;
асинхронная - загружает скрипты параллельно, не блокируя остальное содержимое. Если коротко: браузер отображает контент, даже если загрузились не все данные.
Таким образом, если у нас есть массивный код на сайте, то при последовательной загрузке пользователь будет ждать слишком долго. А вот при асинхронной контент отобразится быстрее. Чтобы настроить асинхронную загрузку, нужно добавить атрибут async к тегу script.
Плюсы. Если сократить код и выбрать асинхронную загрузку файлов, страница действительно загрузится быстрее.
Минусы. В сжатую версию кода не получится внести изменения.
Минимизировать код и оптимизировать его загрузку - это ключевой способ для ускорения работы сайта. Например, размер кода может быть слишком большим, если страницу часто меняли или установили на сайт много плагинов: в этих случаях нелишним будет проверить и сократить код.
Способ 4. Настроить кеширование
Когда пользователь заходит на сайт, его браузер сохраняет часть данных - например, изображения и текст. Эти данные хранятся в кеше, и при повторном посещении страницы загружаются быстрее.
Если вы используете CMS (например, WordPress или «1С-Битрикс»), то настроить кеширование будет несложно. Для всех распространённых платформ есть множество плагинов, которые подключают кеширование автоматически. Самый простой из них - WP Super Cache.
Если же сайт создан без помощи CMS, то использовать плагин не получится = придётся настраивать кеширование в коде вручную.
Можно настроить кеширование и на уровне сервера. Для этого используются специальные веб-серверы с акселераторами - они значительно ускоряют загрузку сайта. Например, Apache с акселератором PHP - специальным расширением, которое кеширует результаты выполнения PHP-скриптов на сервере.
Плюсы. Быстро настраивается в популярных CMS.
Минусы. Сложнее настроить на сайтах без CMS, возможна задержка в обновлении данных в кеше.
Плюсы перевешивают минусы: кеширование - это мастхэв для ускорения загрузки сайта.
Способ 5. Сменить сервер или хостинг-провайдера
Проблема на стороне хостинг-провайдера - это редкая история. И чаще всего это связано не с самим хостинг-провайдером, а с промежуточными узлами, через которые проходит запрос к серверу. Если на одном из них происходит сбой, то это может замедлить отклик.
Обычно такие задержки кратковременны, но если вам нужно срочно решить проблему, можно обратиться к хостинг-провайдеру и запросить перенос на другой сервер. Это актуально, если скорость загрузки важна прямо сейчас: например, на сайте магазина цветов перед 8 Марта )))
Кроме того, если сайт разрабатывается для другой страны, которая находится далеко от сервера, можно попробовать перенести сервер в ближайший к пользователям дата-центр. Тогда сетевые задержки уменьшатся.
Плюсы. В некоторых случаях смена сервера может ускорить сайт. Хостинг-провайдер обычно помогает решить эту задачу - вам не придётся переносить всё руками.
Минусы. На то, чтобы связаться с провайдером и дождаться от него ответа, может уйти время.
Чтобы ускорить сайт, менять хостинг-провайдера чаще всего не имеет смысла. А вот смена сервера может помочь, если ваша аудитория в другой стране.
Чек-лист: что сделать, чтобы ускорить сайт
1. Сжать изображения и изменить их формат.
2. Использовать географическую систему распределения контента (CDN).
3. Минифицировать файлы JS, CSS и HTML и оптимизировать их загрузку.
4. Настроить кеширование.
5. Сменить сервер.
Советую регулярно проверять скорость загрузки сайта в Google Search Console и PageSpeed Insights, главное - не ставить цель получить 100% во всех разделах, в этом просто нет смысла.
По материалам https://vc.ru/seo/1143092-5-sposobov-uskorit-sayt-ot-prostogo-k-slozhnomu