Существует масса аспектов повышения скорости сайта, и каждому придется уделить внимание, чтобы выжать максимум из своего представительства в Интернете. Мы уже говорили, какие последствия может иметь низкая скорость загрузки, как это влияет на конверсии и отношение потребителей.
Оптимизация скорости загрузки сайта является одним из факторов, которые прямо или косвенно способствуют успеху в электронной коммерции. Человеческая природа такова, что никто, включая меня, не любит ждать. Тем более, когда мы собираемся потратить свои кровные деньги в Интернете.
Вы должны следовать определенным правилам, чтобы повысить конверсии и не растерять клиентов.
Когда веб-сайт загружается слишком долго, показатель отказов взлетает до небес. Люди будут покидать сайт и возвращаться в поисковую выдачу, а поисковик, в свою очередь, воспримет это как негативный сигнал, понизив рейтинг вашего сайта как несоответствующего ожиданиям пользователей.
Человек нажмет на кнопку "Назад" и покинет ваш интернет-магазин навсегда. Посетители не захотят перечитывать статьи и дожидаться подтверждения заказа. Зачем, если конкуренты работают быстрее?
Таким образом, даже самый классный сайт электронной коммерции с дорогим дизайном и первоклассным контентом будет каждый день терять деньги из-за скорости загрузки. Обидно, правда?
Давайте рассмотрим, какие вещи мы делаем неправильно или не должны делать в принципе.
Мы также собираемся помочь вам практическими советами, которые помогут оптимизировать сайт.
Но прежде хотелось бы обсудить одну вещь, которую большинство не учитывает в процессе оптимизации сайта для ускорения загрузки. Влияние смартфонов, мобильных устройств растет день ото дня. Почти все современные пользователи стали зависимыми от этих удивительных гаджетов в повседневной жизни.
Ваш сайт должен сосредоточиться на мобильных пользователях, доля которых превысила 50 процентов.
Вы должны радовать всю эту аудиторию, независимо от используемых устройств.
Пять вещей, которые снижают скорость загрузки сайта
№1: Хостинг не соответствует потребностям бизнеса
Сегодня вокруг миллионы хостинговых компаний. Но какая лучшая? Мы сомневаемся и в итоге выбираем тот хостинг, который предлагает посредственные услуги, оставаясь подключенным к нему в течение многих лет.
Этим компаниям нечего терять. Они предлагают услуги, ориентированные только на доступную цену. Что происходит дальше? Даже не спрашивайте, сколько денег может потерять бизнес из-за плохого хостинга.
Такой вот «дешевый» поставщик услуг веб-хостинга ставит под угрозу качество, а вы теряете потенциальных клиентов. Они собирают по нескольку сайтов на одном стеке Apache, который начинает походить на воздушный шарик, готовый в любой момент лопнуть и забрызгать все вокруг остатками вашей репутации.
В итоге «дешевый» хостинг превращается в дорогой, потому что вы теряете клиентов.
К счастью, есть и другие хостеры, которые ценят своих партнеров и могут предложить действительно эффективные и технически совершенные решения для бизнеса. Мы рекомендуем клиентам SELECTEL.
№2: Пропускная способность снижает скорость загрузки
Вы оптимизируете свой сайт и бездельничаете, почивая на лаврах. Может быть, это работает в течение месяца или года, но что будет дальше? Средний вес страницы увеличивается. Иногда вы вносите изменения в дизайн и функционал, которые могут повлиять на производительность, не учитывая пропускную способность.
Недостаточная пропускная способность может привести к провалу самых многообещающих и положительных начинаний. Например, крутая статья заняла первое место в поисковой выдаче Google, а сервер не выдержал нагрузки из-за возросшего трафика. Нужен резерв пропускной способности.
№3: Избыточное количество виджетов или плагинов
Дизайнеры и разработчики не всегда думают об оптимизации скорости загрузки. В конце концов, клиенту хочется видеть ну очень функциональный сайт с потрясающими визуальными эффектами. Этот вау-эффект достигается за счет кучи необязательных элементов, которые тормозят загрузку сайта.
Помните, у нас есть только 2 секунды, прежде чем посетитель решит покинуть сайт, и в течение этого времени ваша красота должна загрузиться. Каждый добавляемый вами виджет, включая кнопку Google+, может снизить производительность веб-сайта. И это будет раздражать пользователей.
Ограничивая количество надстроек, вы вносите вклад в улучшение работы сайта.
№4: Вам не нужны все эти объявления
Некоторые считают, что для их бизнеса полезно переполнять свой сайт километрами баннеров.
Но знаете ли вы, что эти объявления снижают шансы на привлечение клиентов?
Если рекламные блоки загружаются слишком медленно, это увеличивает показатель отказов в геометрической прогрессии. И что происходит дальше? Вы теряете своих клиентов, зарабатывая копейки на рекламе.
№5: Формы регистрации и аналитика
Вы можете подумать, что формы регистрации и аналитика вряд ли занимают значительное место, так как представляют собой несколько коротких строк, затерянные в огромном коде. К сожалению, как и более тяжелые плагины, они влияют на скорость загрузки. И хуже всего то, что они начинают конкурировать между собой, делая невозможной загрузку всех элементов вашей страницы в ожидаемые 2 секунды времени.
Да, по статистике, сайты электронной коммерции со временем загрузки от 2 до 5 секунд имеют шанс остаться в белом списке клиентов. Вопрос в том, к какой цифре вы ближе - 2 или 5? И что ожидать дальше? В мире бизнеса применимо правило выживания, а требования клиентов растут день ото дня.
Советы по оптимизации сайта для ускорения загрузки
Теперь несколько простых советов, которые помогут загружать страницы быстрее:
№1: Оптимизируйте изображения
Один из основных моментов, которые необходимо учитывать при оптимизации скорости загрузки. Излишне говорить, что большие файлы загружаются дольше. При публикации изображений с высоким разрешением увеличивается общий вес веб-страницы, что замедляет загрузку и раздражает посетителей, которые с нетерпением ждут возможности потратить у вас свои деньги.
Как решить проблему:
- Выбрать правильный формат изображений: если речь о фотографиях и качество остается приоритетом, рекомендуется использовать формат JPG. Если ваши картинки содержат логотипы, значки, знаки, текст или иллюстрации, рекомендуется использовать формат PNG. Если изображения меньше и проще, воспользуйтесь GIF изображениями. Избегайте форматов TIFF или BMP.
- Размер - еще один важный фактор: было был хорошо, если бы размеры изображений соответствовали размерам шаблона. Здесь вы можете использовать возможности изменения размера браузера, которые позволяют сделать изображения отзывчивыми.
- Сжатие изображений: когда вы сжимаете изображения, это открывает большие возможности для оптимизации. Сжатие в 60-70 процентов является оптимальным диапазоном для JPG. Если вы сжимаете картинку для дисплеев Retina с высокой плотностью пикселей, можете смело увеличить размер изображения JPG на 150-200 процентов и сжать его на 30-40 процентов.
№2: Оптимизируйте код CSS
Было время, когда 30 килобайт считались идеальным размером для веб-страниц, и эти страницы содержали всю графику, код, и кучу другого контента. Однако появление CSS и Javascript положило конец эпохе 30 килобайт, что ознаменовало собой значительное улучшение пользовательского опыта.
Вот лучшие и очевидные советы по оптимизации кода CSS, которым не все следуют:
- Кодинг: свести к минимуму использование объявлений и операторов.
Меньшее количество строк кода означает сокращение циклов обработки и заметное ускорение доставки файлов сайта клиенту. Вот некоторые практики доставки CSS, изложенные на сайте Kinsta:
- Не использовать @import call
- Применять только одну внешнюю таблицу стилей CSS
- Не использовать CSS в HTML, например, теги H1 и DIV
- Удалить все неиспользуемые элементы CSS
№3: Оптимизация серверной части
Оптимизация на стороне сервера может быть достигнута с помощью коллективных усилий:
- Правильный выбор хостинга: хотя веб-хостинг не оказывает прямого влияния на оптимизацию сайтов, было отмечено, что хостинг отвечает за безопасность, стабильность и доступность сайта, и вы должны находиться в надежных руках. Мы уже говорили о преимуществах SELECTEL.
- Важные ресурсы должны храниться отдельно: CSS, Java-скрипты, изображения и графика должны размещаться отдельно, если вы хотите добиться стабильности, особенно при большом трафике.
№4: Оптимизация баз данных
Система управления контентом CMS 1С-Битрикс: Управление сайтом использует базы данных MySQL. Чтобы максимально ускорить время генерации веб-страницы, рекомендуется использовать наиболее свежую версию MySQL, а также последнюю доступную версию языка программирования РНР.
№5: Используйте CDN для ускорения сайта
Вы можете легко повысить скорость загрузки сайта, выгружая статические ресурсы, которые включают CSS-файлы, сценарии и изображения. Когда вы используете систему доставки контента или CDN, все эти ресурсы будут загружаться намного быстрее. В некотором смысле, вы накладываете меньшую нагрузку на основной сервер, что автоматически обеспечит лучшую производительность.
CMS 1С-Битрикс: Управление сайтом интергирована с системой распределения контента на уровне самой платформы, а включить CDN можно буквально одним кликом без дополнительных настроек.
Вот некоторые из наиболее актуальных советов по оптимизации сайта для ускорения загрузки.
Вы должны сосредоточиться на том, чтобы сделать ваш сайт доступным для посетителей в течение 2-5 секунд. Обычно пользователи покидают сайт после 5 секунд ожидания. По мере увеличения показателя отказов Google будет понижать рейтинг сайта, и в конечном итоге вас больше никогда не увидят.
Поэтому для успешного бизнеса в Интернете вам нужно постоянно работать над сокращением этой цифры.
Будьте уверены: ваши конкуренты уже работают над оптимизацией сайта.
Нужна помощь? Обращайтесь к профессионалам Студии Вячеслава Денисова в любое время.