Сайт встречают по одежке: первое впечатление клиенты формируют по дизайну и скорости загрузки страниц.
Скорость сайта - время от клика на ссылку до полной загрузки страницы. Быстрым считается сайт, который полностью загружается до 1 секунды (1–3 - нормальная скорость). Загрузка каждой страницы - результат обмена данными между браузером и сервером с вашим хостингом.
Как низкая скорость влияет на сайт
- снижает SEO-репутацию сайта;
- снижает конверсию;
- отпугивают потенциальных клиентов.
По данным Google, пользователи на 24% реже утрачивали интерес к сайту, если тот загружался быстро.
Как понять, что на сайте проблемы со скоростью?
Сервисы для измерения скорости загрузки одной страницы:
- Pingdom Tools;
- PR-CY;
- PageSpeed Insights;
- WebPageTest.
Для проверки средней скорости всего сайта подойдет всем известный сервис PageSpeed.
7 советов для повышения скорости загрузки
Совет 1. Не перегружайте главную страницу
Главная страница - всегда самая посещаемая. Поэтому она должна быть не только максимально информативной, но и самой быстрой по скорости загрузки. Оптимизируйте главную страницу и оставьте на ней только самое необходимое, а более подробную информацию разместите на других страницах. Важно! Будьте осторожны с анимацией и обилием картинок. Они много весят и нагружают страницу, Скорость загрузки точно будет увеличиваться с каждым новым изображением. Все фото и видео, например, для портфолио, лучше распределять в другие разделы сайта.
Совет 2. Сократите количество медиафайлов
Совет, вытекающий из первого пункта. Правильное количество «украшений» на сайте помогает сделать акцент на важных элементах сайта и сокращает время загрузки.
Мы не говорим, что нужно полностью избавиться от иллюстраций. Чтобы понять, что оставить, всегда задайте себе вопрос: «Почему этот элемент важен?» Оставьте его, если он действительно выполняет какую-то функцию: иллюстрирует описанное, показывает способ использования продукта, отражает символику или стиль бренда.
Совет 3. Оптимизируйте изображения
Картинки все равно будут. Чтобы они сильно не влияли на работу сайта, сжимайте их. Лучше, если изображение весит не больше 200–300 Кб. Сервисы для сжатия картинок:
- Onlineimagetool;
- TinyPNG;
- плагин для WordPress.
Совет 4. Если нужна анимация, не используйте GIF
Известно, что анимация добавляет страницам динамики и помогает удерживать внимание посетителей, но эти файлы могут быть очень большими. Рекомендуем избегать GIF-файлов. Если не хотите отказываться от анимации, используйте вместо гифок файлы формата MP4 - они ничем не отличаются от GIF, но весят гораздо меньше.
Совет 5. Ограничьте количество шрифтов
Перегруженность шрифтами не только выглядит нестильно, но и сильно перегружает систему. Всегда используйте максимум два-три шрифта на сайте. Не стоит увлекаться нестандартными шрифтами - это графические элементы, которые весят, как изображения. Внимательно подумайте, насколько вам нужен сложный шрифт. Нередко они усложняют читаемость.
Еще один секрет - откажитесь от выделения, курсива или подчеркивания. Учтите, каждый стиль одного и того же шрифта загружается отдельно, а значит, тоже влияет на скорость загрузки.
Совет 6. Выбирайте быстрый хостинг
Чем быстрее хостинг, тем скорее он обрабатывает запросы, что ускоряет загрузку. Если вы учли все вышеперечисленные моменты, а сайт все равно работает медленно, задумайтесь о смене тарифа. Если вы пользуетесь хостингом или VPS от beget.ru, вы всегда можете повысить тариф в личном кабинете.
