Высокая скорость загрузки сайта важна как для его посетителей, так и для поисковых систем. Если ваш сайт загружается больше 2-3 секунд — вы теряете до 20-30% ваших потенциальных клиентов. И чем дольше загрузка — тем выше этот процент.
В первую очередь необходимо смотреть на мобильную версию сайта. Разумеется, она должна быть адаптивной, удобной для пользователей, без лишних всплывающих окон и онлайн-консультантов на половину экрана. Но что сделать, чтобы ускорить его загрузку?
Минимизировать код
Звучит страшно, но для разработчиков это понятный термин. Ваш сайт состоит из кода. Чем он массивнее «под капотом», тем больше усилий требуется браузеру для его обработки, тем дольше грузится сайт. Пункт включает в себя оптимизацию и HTML-кода, и CSS-стилей, и различных скриптов и библиотек. На каждой странице должен быть только тот код, который необходим исключительно для этой страницы.
Использовать минималистичные шаблоны
...или разрабатывать свой уникальный шаблон. Если вы используете готовые шаблоны, то будьте готовы к проблеме из пункта выше. В готовых шаблонах огромное количество лишнего для вашего сайта кода. Он там находится, так как шаблон пытается вам «угодить», чтобы вы могли сделать на нем что угодно. Поэтому даже если вы используете 5-6 типовых блоков из этого шаблона, код для остальных 30+ вариантов все равно будет загружаться и замедлять сайт.
Оптимальный в данном случае вариант — продумать всю структуру и типовые блоки сайта заранее и заказать разработку шаблона с нуля с чистым кодом, тогда скорость загрузки сайта сможет вас приятно удивить. Можете писать мне (https://t.me/alkharitonov) по этому вопросу :)
Использовать lazy-загрузку изображений
Это такой прием, когда изображения загружаются на странице только в тот момент, когда вы к ним начинаете приближаться с помощью скролла. Таким образом, при первой загрузке могут появиться только верхние пару изображений, а остальные десятки изображений загрузятся позже и только тогда, когда пользователю это будет необходимо (когда он до них доберется).
Уменьшать вес изображений
Не размещайте на сайте тяжелые изображения. Усредненная практика — если изображения тяжелее 1 мегабайта — нужно уменьшать. Этого можно добиться разными способами, от банального уменьшения размера (никому на сайтах не нужны изображения шириной в 4 тысячи пикселей) до использования специальных программ и сервисов по сжатию и оптимизации изображений без существенной потери качества.
И да, чем меньше вес — тем лучше, качественные изображения для веба могут весить не больше 250-300 килобайт при должном уровне оптимизации.
Использовать кэширование
Данный пункт включить необходимо, хотя здесь чисто техническая составляющая. Кэширование позволяет создавать легковесные "слепки" нечасто обновляемых страниц, что позволяет в разы улучшить скорость их загрузки.
---
Главное, что нужно понимать — важна реальная скорость загрузки, а не то, что иногда любят показывать сервисы по ее тестированию. Не стоит тратить много времени на улучшение этого параметра только потому, что Google сказал, что сайт недостаточно быстрый.
Попробуйте заходить на свой сайт сами с мобильным интернетом с мобильных устройств. Если страницы загружаются максимум за 1-2 секунды — этого достаточно для того, чтобы посетитель дождался и совершил нужное вам целевое действие.
