4 совета от веб-разработчика Shopify по созданию более быстрого веб-сайта
Опубликовано: 2017-07-27Почему веб-разработчик Shopify беспокоится о скорости сайта?
Опытный веб-разработчик Shopify знает, что ваш сайт электронной коммерции должен загружаться всего за три секунды, чтобы привлечь как можно больше клиентов. Каждую секунду интернет-магазин рискует потерять бизнес из-за нетерпения и нехватки внимания. Тем не менее, недавнее исследование, в котором приняли участие почти сто интернет-магазинов, показало, что средняя скорость работы магазинов Shopify составляет более девяти секунд.
Веб-сайт, загружаемый за девять секунд, теряет много клиентов. Рекомендуемая скорость для всех веб-сайтов составляет семь секунд, и компании электронной коммерции должны быть быстрее, чтобы оставаться впереди конкурентов. Короче говоря, ваш медленный веб-сайт может убить вашу компанию, стоить вам тысячи долларов дохода и отпугивать клиентов, которые в остальном любят ваш продукт. Мало того, что вы не можете позволить себе потерять этот бизнес, но потеря клиентов из-за производительности веб-сайта совершенно не нужна.
Удалите все ненужные плагины
Плагины предназначены для того, чтобы помочь вашему сайту работать лучше, верно?
Как оказалось, многие плагины отлично справляются с одной проблемой, но не оптимизируют ваш магазин Shopify по скорости. Плагины предназначены для улучшения различных аспектов функциональности. Умная компания электронной коммерции использует плагины в магазине Shopify, чтобы улучшить взаимодействие с пользователем и упростить управление интернет-магазином. Однако веб-разработчик Shopify скажет вам, что каждый плагин замедляет работу вашего сайта, некоторые больше, чем другие.
Начните с просмотра всех плагинов, работающих на вашем сайте, и удаления ненужных. Кроме того, если плагин не добавляет ценности функциональности вашего сайта, удалите его. Этот первый проход по плагинам должен быть очисткой от всех ненужных плагинов. После такого тщательного удаления некоторых плагинов повышение скорости сводится к обслуживанию. Все плагины нуждаются в регулярном обновлении. Чем дольше плагин устарел, тем больше вероятность того, что он вызовет проблемы с производительностью вашего сайта.
Пока вы выполняете процесс удаления или обновления плагинов, взгляните на виджеты на своем веб-сайте. Иногда дополнительные элементы на вашей целевой странице, странице продукта или даже веб-странице контактов могут замедлить загрузку вашего основного контента. Если есть возможность убрать лишние виджеты или сократить целевую страницу до одного столбца, веб-разработчики Shopify настоятельно рекомендуют это сделать.
Замените или удалите слишком большие изображения
Многие магазины Shopify сталкиваются с проблемой с изображениями. Если вы ищете на дискуссионных форумах «медленные сайты Shopify», подавляющее большинство советов касается уменьшения размера и размещения изображений. Тем не менее, это жесткий совет для компании электронной коммерции.
Интернет-магазины хотят продемонстрировать свою продукцию, добавив красивые фотографии. Это означает, что магазины Shopify уже имеют больше возможностей для размещения изображений и других медиа, чем другие веб-сайты. Кроме того, существует огромный стимул для использования изображений с полным разрешением. Эти изображения помогают потенциальному покупателю познакомиться с продуктом, а более качественные изображения вызывают доверие. Наконец, если изображения в вашем магазине Shopify не выделяются и не привлекают внимание зрителя, у вас меньше шансов совершить продажу.
Учитывая все эти конкурирующие стимулы, может показаться, что рекомендация удалить изображения или заменить файлы большого размера ставит под угрозу другие качества вашего сайта Shopify. Это не тот случай.
Веб-разработчик Shopify постоянно осознает, что высококачественные изображения в полном разрешении выглядят великолепно, но загружаются очень медленно. Чтобы решить эту проблему, разработчик будет использовать онлайн-инструменты для уменьшения размера файла изображения без ущерба для качества. Когда вы сжимаете и оптимизируете свои изображения, вам, возможно, не придется удалять какие-либо носители из вашего магазина Shopify. Но все же есть причина подумать о том, чтобы сократить количество изображений на целевой странице, поскольку минималистичный дизайн по-прежнему популярен среди онлайн-покупателей.
Время сменить тему
Темы — это еще одна область, где не все вещи созданы равными. Еще до того, как веб-разработчик Shopify добавит плагины, загрузит изображения или настроит дизайн, некоторые темы создаются для повышения производительности. Если вы еще не выбрали тему Shopify, то одним из самых простых способов создать быстрый веб-сайт является выбор оптимизированной темы.
Если вы создаете свой собственный сайт Shopify, выбор правильной темы потребует некоторых исследований. Начните с поиска нескольких тем, которые вы предпочитаете. Затем используйте Pagespeed Insight от Google или другой инструмент для оценки производительности темы. Часто вы можете просто сравнить страницы предварительного просмотра каждой темы, чтобы определить те, которые работают быстрее.
Хотя ваше сравнение станет общей оценкой от Pagespeed Insight, вы обнаружите, что скорость работы темы Shopify тесно связана с кодом темы. Более медленные темы потребуют для запуска несколько файлов JavaScript и несколько файлов CSS. Каждый из этих файлов должен загружаться через блокировку рендеринга, что снижает производительность. Вместо этого ищите оптимизированную тему с одним файлом JavaScript и одним файлом CSS.
В библиотеке Shopify есть довольно много вариантов, которые предлагают эти функции. Поэтому не беспокойтесь о том, что поиск оптимизированной темы ограничит дизайн, внешний вид или ощущение вашего интернет-магазина.
Не продавайтесь сторонним рекламодателям
Требуется много времени и усилий, чтобы создать магазин Shopify, который представляет ваш бренд и работает бесперебойно. Часто размещение всего вашего контента, мультимедиа и виджетов на странице без снижения скорости является сложной задачей. Однако компании электронной коммерции также должны учитывать, как сторонний контент влияет на их сайт.
По большей части сторонние скрипты могут без проблем работать в вашем магазине Shopify. Например, Amazon, Facebook и PayPal разработали API и сторонние скрипты, которые быстро загружаются на ваш сайт. На самом деле, эти скрипты могут быть быстрее, чем остальная часть вашей темы Shopify. Но компании электронной коммерции хотят добавить другой сторонний контент. Будь то подключение к социальным сетям или сторонняя реклама, эти сценарии могут быть полезными. Однако некоторые сторонние скрипты мешают оптимизации сайта.
Чем больше у вас сторонних скриптов, тем больше шансов, что что-то замедлит работу вашего магазина Shopify. Эти скрипты могут даже остановить ваш магазин. Веб-разработчики Shopify могут определить, какой сторонний контент может замедлять работу вашего сайта, и помочь оптимизировать сторонние сценарии, которые вам действительно нужны.
Агентство 1Digital является партнером Shopify Plus и опытным веб-разработчиком Shopify. Наша команда тесно сотрудничает с Shopify, чтобы настроить интернет-магазины клиентов. Посетите наш веб-сайт, чтобы узнать больше о нашем тесном сотрудничестве с Shopify и о том, как наша команда решает проблемы Shopify, такие как медленная загрузка веб-страниц.