10 способов ускорить загрузку вашего сайта
Считаете что скорость загрузки вашего сайта не имеет особого значения? Ошибаетесь! Всего лишь односекундная задержка во время загрузки, конвертируется в снижение количества просмотров страниц на 11%, общей удовлетворенности пользователей на 16%, а количества возможных конверсионных действий – на 7%.
Так что пренебрежительное отношение к технической оптимизации коммерческого сайта может иметь для его эффективности катастрофические последствия. Мы поделимся с вами советами, применение которых поможет добиться существенного увеличения скорости загрузки страниц сайта.
Оптимизация изображений
С помощью графических редакторов можна добиться серьезного сжатия используемых на сайте изображений, практически без видимого снижения качества. Причем, не обязательно для этого быть владельцем Photoshop, ведь есть немало бесплатных программ, обладающих подобной функцией.
Также, необходимо там, где это возможно, использовать HTML и CSS вместо графики. Например, для оформления фона и других элементов страницы.
Убрать лишний код
Распространенные визуальные редакторы и генераторы позволяют с легкостью создавать веб-страницы, но, генерируемый ими «мусорный код» может серьезно влиять на скорость работы сайта. Мало того, что каждая строчка кода увеличивает размер страницы, так некоторые генерируемые скрипты еще и способны приводить к различным ошибкам, также мешающим загрузке.
Оптимизация CSS
Вместо встроенных в страницу таблиц стилей можно использовать механизм их подключения из внешнего файла, а код вызова размещать в шапке сайта. Комбинирование изображений в CSS-спрайты, также способствует подобной оптимизации.
GZIP
Включите сжатие на стороне сервера, это пусть ненамного, но все же будет способствовать ускорению загрузки.
Редиректы
Перенаправления создают дополнительные HTTP-запросы, которые увеличивают время загрузки, поэтому, их количество нужно свести к минимуму. Не используйте редиректы если в этом нет явной необходимости.
Дополнения
Так как на большинстве современных сайтов используются распространенные CMS, то расширение возможностей с помощью установки дополнительных плагинов и модулей также используется многими вебмастерами. Но, каждый дополнительный компонент увеличивает нагрузку создаваемую сайтом.
Поэтому, по возможности, лучше реализовать необходимый функционал прямо в шаблоне или коде, поскольку это позволяет значительно снизить нагрузку.
Кэширование
Такой вариант не подойдет для новостных ресурсов, обновляющихся каждых несколько минут, но для большинства других типов сайтов является отличным решением. В одной из статей мы подробно писали о кэшировании и его преимуществах.
Настройка сервера
В случае с высокопосещаемыми сайтами и онлайн-магазинами, вместо обычного виртуального хостинга, часто используется VPS или выделенный сервер, которые предоставляют гораздо больше ресурсов и способны выдерживать десятки тысяч переходов с поиска в сутки. Одним из преимуществ использования подобных решений является возможность самостоятельной настройки и оптимизации отдельных скриптов и компонентов серверной части, что при грамотной реализации может существенно увеличить скорость работы.
Контент
Избегайте размещения на страницах сайта громоздких объектов, таких как flash, а также не перегружайте их лишней и неоптимизированной графикой, например, в виде использования картинок в качестве фона.
Хостинг
В некоторых случаях сайт долго загружается именно из-за проблем с хостингом, или недостаточной мощности выдялемых ему ресурсов. Ведь сколько не оптимизируй интернет-магазин с несколькими тысячами уников посещаемости, а быстрее работать на хостинге за 5$ в месяц, он точно не будет. При этом, достаточно взять даже простой тариф VPS стоимостью 20$, как скорость работы сайта вырастет в разы, и еще останется достаточный запас мощности на перспективу развития.
Некоторые из советов просты в реализации, а некоторые требуют определенных технических знаний, и в таком случае можно воспользоваться услугами специалистов на фрилансе. Сам список можно продолжать, но даже нескольких правок достаточно, чтобы увеличить скорость загрузки сайта почти вдвое.