Привередливость современных интернет-пользователей не знает границ. Ведь если с десяток лет назад, во времена «пищащих» dial-up модемов люди готовы были ожидать отрисовку нужной страницы до нескольких минут, то с нынешними скоростями задержка в долю секунды повлечет за собой отток посетителей, повлияет на поведенческие факторы, снизит конверсию и отразится на позициях в поисковой выдаче.
Следовательно, повышение быстродействия является одной из первостепенных задач при внутренней оптимизации любого ресурса, будь то одностраничная визитка, интернет-магазин, новостной или информационно-развлекательный портал. Поэтому эксперты веб-студии EcKit решили рассказать, как увеличить скорость загрузки сайта, поделившись важной, полезной и актуальной информацией со всеми читателями нашего блога!
Способы ускорения работы сайта
Скорость загрузки страницы влияет на лояльность пользователей: чем дольше приходится ждать, тем выше вероятность того, что потенциальный клиент уйдет к конкуренту. В идеале, она должна грузиться за одну секунду. Тем не менее результат в 2-3 секунды считается нормой, 3-5 – терпимо, 6-10 – опасность, от 11 сек. и дольше – серьезный повод инициировать аудит, направленный на поиск ошибок, влияющих на быстродействие.
Для проверки скорости загрузки отдельных страниц или всего сайта можно воспользоваться различными онлайн-сервисами:
- WebPageTest;
- Pagespeed Insights от Google;
- Анализатор PR-CY;
- PingDom;
- GTmetrix и т.д.
При этом стоит отметить, что часть онлайн-анализаторов показывают скорость загрузки, а также способны выявить причину «резкого» замедления в случае, если с момента открытия сайт работал нормально, без сбоев или иных проблем. Теперь разберемся, как можно ускорить «проблемный» ресурс.
Сжатие файлов и оптимизация изображений сайта
По сути, графика и изображения представляют собой около 80% от общего размера страниц. Но отказываться от красивого дизайна в угоду требованиям поисковиков или «привередливых» пользователей – совершенно не обязательно. Достаточно:
- Уменьшить размер страниц с помощью «сжатия» данных в протоколе HTTP$
- Снизить вес графического оформления за счет переформатирования изображений из форматов PNG в JPEG;
- Постараться следить за объемом файлов, не загружая картинки или фотографии весом 3-5 мб и более.
Уменьшив качество элементов на 20-25%, ни вы, ни пользователи не заметите практически никакой разницы. Тем не менее это отразится на скорости отрисовки страницы, а также повлияет на быстродействие, особенно для мобильных версий с адаптивным дизайном.
Кэширование сайта на стороне браузера
Допустим, что ваш проект «оброс» своей аудиторией, а пользователи заходят на него с определенной периодичностью. Так почему бы не «развернуть» это в свою пользу и не «заставить» браузер запомнить содержимое страниц? Ведь если данные будут «подгружаться» непосредственно с компьютера, скорость загрузки вырастет в разы, вне зависимости от качества интернет-соединения.
Сделать это можно вручную, внеся изменения в файл .htaccess, либо автоматически, включив кэширование в настройках со стороны хостинга или воспользовавшись плагинами для популярных CMS. Сохранение статических файлов обеспечивает, буквально, «молниеносную» скорость загрузки страниц, что отражается на поведенческих факторах и конверсии.
Использование минимального объема файлов CSS и JS
Упростив CSS и JavaScript, вы сможете уменьшить вес этих элементов гораздо лучше, чем с помощью «стандартных» инструментов для сжатия. Но если с десяток лет назад «чистить» код приходилось вручную, то сегодня можно воспользоваться бесплатными онлайн-сервисами, к примеру – Online JavaScript/CSS Compression или Online JavaScript Compression Tool.
Принцип работы этих программ базируется на сканировании изначального кода, поиске ошибок и лишних элементов с последующим сокращением названия функций. В результате можно добиться серьезного снижения веса – до 30-40% от изначального объема элемента.
Удаление лишних плагинов на сайте
«Движки» WordPress, OpenCart, Joomla позволяют использовать «плагины», облегчающие жизнь владельца проекта. Тем не менее каждый из них имеет определенный вес, влияющий на скорость отрисовки в целом. Поэтому ими не стоит злоупотреблять: постарайтесь оставить несколько самых полезных расширений, в то время как остальные можно подключать по мере необходимости.
