Следующая статья поможет вам: 8 мощных советов по оптимизации скорости Shopify, которые нужно применить прямо сейчас
Принято считать, что быстрый сайт полезен для бизнеса. Вы знаете, что ваш магазин Shopify должен быть быстрым.
Но что вы можете сделать, чтобы ваш магазин Shopify работал быстрее? И как скорость вашего магазина влияет на опыт ваших клиентов?
И, самое главное, как это повлияет на ваши конверсии и доход?
Сегодня мы углубимся в тему оптимизации скорости Shopify и в то, что нужно для создания интернет-магазина, который одновременно быстр и имеет богатый, уникальный опыт работы с клиентами.
#cta-visual-pb#
Почему скорость страницы важна для магазинов Shopify?
Быстро загружаемые страницы и быстрый сайт — это не просто приятные вещи.
Неуклюжий интернет-магазин — это реальная проблема для вашего бренда, которая может иметь серьезные последствия для ваших конверсий и пожизненной ценности клиента.
- Один из пяти клиенты ставят страницы с медленной загрузкой в верхней части списка разочарований при совершении покупок в Интернете.
- Тот же опрос показал, что 46% клиентов будут обвинить бренд в плохой технической инфраструктуре.
- Если ваш интернет-магазин загружается за одну секунду, ваш коэффициент конверсии будет в пять раз выше чем тот, который загружается за 3 секунды.
И это еще не все.
Если ваш сайт загружается медленно, расходы на рекламу будут выше. Google дает вашему сайту «показатель качества” на основе скорости и пользовательского опыта.
Таким образом, медленные страницы, которые отталкивают клиентов и негативно влияют на рейтинг кликов, влияют на то, как Google воспринимает качество рекламы вашего сайта.
Когда Google решит, что у вас некачественный сайт, ваши объявления окажутся на худших позициях и обойдутся вам дороже.
Преимущества быстрого магазина Shopify
Но вместо того, чтобы бояться опасностей медленного сайта, порадуйтесь тому, что вы можете сделать, когда правильно оптимизируете скорость Shopify.
- Вы сделаете больше продаж. Более быстрые сайты = больше конверсий. Это имеет смысл. Чем дольше ваши страницы загружаются, тем меньше посетителей готовы ждать, чтобы перейти на следующую страницу. Google сообщает, что на мобильных устройствах сайт, загрузка которого занимает менее двух секунд, имеет На 15% лучше коэффициент конверсии чем те сайты, которые занимают больше двух секунд.
- Более низкие показатели отказов. От целевой страницы до страницы продукта и оформления заказа, на каждом этапе пути клиента вы потеряете часть своих потенциальных клиентов, если ваш сайт будет загружаться долго.
- Повышение эффективности SEO. Скорость важна сама по себе. Но это также влияет на то, как Google ранжирует ваш сайт. Скорость была фактор ранжирования уже некоторое время, и это часть матрицы баллов, которая измеряет ваш общий опыт работы с клиентами. Таким образом, чем быстрее ваш сайт, тем выше вы будете находиться в результатах поиска.
- Больше довольных клиентов. Медленные сайты = разочарованные клиенты. Посетители хотят просматривать ваш сайт быстро и без проблем. Если им придется ждать каждый раз, когда они переходят на новую страницу, они перейдут к конкуренту. Удовлетворенность клиентов трудно построить, но легко потерять. Однажды уехав, они могут никогда не вернуться. Сделайте путь клиента быстрым и беспроблемным, чтобы увеличить шансы на повторный заказ.
Каковы наиболее распространенные причины медленного магазина Shopify?
Изображение: Unsplash
Так что же может замедлять работу вашего магазина?
Знание того, что искать, является отправной точкой для ускорения вашего магазина Shopify. И если вы только начинаете или переделываете свой сайт, знание распространенных ловушек, в которые попадают онлайн-бренды, поможет вам избежать тех же ошибок.
Основные факторы, которые замедляют работу интернет-магазинов:
- Слишком много приложений. В поисках большей функциональности магазины обращаются к нескольким приложениям. Но добавление нескольких приложений добавляет много дополнительного кода на ваш сайт, значительно замедляя время загрузки.
- Проблемы с темой. Интернет-компании часто хотят иметь уникальную тему, которая соответствует их фирменному стилю, но темы, которые были настроены с использованием плохо написанного или чрезмерного кода, загружаются гораздо дольше.
- Большие изображения. Сайты, которые не могут оптимизировать свои изображения, обречены на медленную жизнь. Конечно, вам нужно создать яркий, привлекательный веб-сайт, но чрезмерное использование больших и тяжелых изображений может вызвать проблемы.
- Отсутствие мобильной оптимизации. Мобильные посетители особенно не прощают медленно загружаемых сайтов. Это печально для многих интернет-магазинов, которые не обращают внимания на то, как их контент и макет отображаются на мобильных устройствах. Большие ненужные элементы, которые прыгают по странице, определенно отпугивают клиентов.
Как узнать базовую скорость страницы Shopify?
Если вы не уверены, насколько хорошо работает ваш сайт, есть способы узнать это.
Shopify предлагает клиентам собственный специальный тестер скорости, а также есть несколько других онлайн-инструментов диагностики, которые вы можете использовать.
Что такое отчет о скорости интернет-магазина Shopify?
Shopify предлагает своим клиентам индивидуальный отчет о скорости на основе данных из Google Маяк.
Shopify Отчет об онлайн-тестировании скорости объединяет оценки вашей домашней страницы, вашей коллекции и страниц продуктов, которые получают наибольшее количество трафика.
Затем он создает отчет о среднем балле, который более полезен для владельцев магазинов Shopify, чем отдельный тест скорости Lighthouse.
Какие еще есть тесты скорости?
Несмотря на то, что Shopify предоставляет свой собственный тест, есть и другие доступные тесты, которые дадут вам дополнительное представление о том, насколько хорошо работает ваш сайт. Вам следует пройти несколько из этих тестов, чтобы получить полное представление о скорости сайта:
Google Маяк
Shopify основывает свой тест на Lighthouse, но все же стоит перейти к оригиналу.
Это даст вам моментальный снимок того, как работает любая страница на вашем сайте, а не объединенный результат. Он также имеет несколько впечатляющих аналитических инструментов, которые помогут вам улучшить эффективность SEO.
Статистика PageSpeed
Этот тест дает вам общий балл для вашего сайтаа не отдельные страницы.
Он также дает вам оценки для показателей, которые Google использует для анализа скорости и удобства вашего сайта, например, время, необходимое для загрузки первой и последней частей контента на странице.
GTMetrix
Этот инструмент предлагает многие из тех же идей, что и PageSpeed, а также позволяет изменить место проведения теста так что вы можете увидеть, как ваш сайт работает в разных местах по всему миру.
Вы получаете семь мест с бесплатной версией и 20 с платным планом.
Тест скорости Pingdom
Это отличный инструмент для получения подробное представление о том, как ваш сайт работает с течением времени.
Pingdom запускает тесты на вашем сайте в течение заданного периода времени. Вы можете решить, как часто Pingdom проверяет ваш сайт и как долго он выполняет проверки.
Хорошие и плохие оценки
Для PageSpeed и Маякбаллы распределяются следующим образом:
- 0-49 = плохой
- 49-89 = нуждается в улучшении
- 90-100 = хорошо
Ваши оценки не всегда будут соответствовать «хорошо». Вы обнаружите, что для разных страниц и категорий ваши оценки будут различаться.
Этого следовало ожидать.
На самом деле, одним из главных преимуществ этих инструментов является то, что они предлагают анализ того, как улучшить скорость магазина Shopify и исправления, которые вы можете использовать для этого.
Пингдом также дает вам оценку от 0 до 100, на этот раз сопровождаемую оценкой (A, B, C и т. д.), чтобы вы могли легко понять свой общий балл. Очевидно, что чем выше оценка, тем выше ваш балл.
GTMetrix дает вам общую оценку и процентную оценку за производительность и структуру.
Хотя явно лучше иметь хороший результат, чем плохой, вы не должны слишком расстраиваться, если вы не попали в высший диапазон этих инструментов тестирования.
Вашим клиентам все равно, какой у вас рейтинг Lighthouse или Pingdom — они просто хотят иметь возможность быстро и легко перемещаться по вашему сайту.
Самая важная метрика, которую предлагают вам все эти инструменты, это время загрузки. Любой другой элемент анализа должен быть направлен на улучшение загрузки страницы и времени загрузки сайта.
Мобильная оптимизация и скорость страницы
Изображение: Unsplash
Google был полностью ориентирован на мобильные устройства с 2020 года.
Это означает, что он оценивает скорость вашего мобильного сайта, прежде чем анализировать, как ваш сайт работает на компьютере. И независимо от того, как Google ранжирует вас, около 60% вашего трафика будет приходиться на посетителей с мобильных устройств.
Поэтому убедитесь, что ваш сайт хорошо работает на мобильных устройствах, это важно для хорошего общего показателя скорости страницы.
Когда вы выполняете тест Pagespeed Insights, результаты разбиты на мобильные и настольные версиитак что вы можете увидеть, сбиваете ли вы мобильную скорость или ваш сайт нуждается в небольшом толчке в правильном направлении.
Вы также должны подумать, стоит ли конвертировать ваши мобильные страницы в AMP (ускоренные мобильные страницы). Это страницы, которые Google кэширует, что делает время загрузки практически мгновенным.
Как мы увидим ниже, есть некоторые факторы, которые следует учитывать при принятии решения об использовании AMP, но это определенно один из способов значительно увеличить скорость страниц на вашем мобильном сайте.
#cta-visual-pb#
8 советов по оптимизации скорости Shopify, чтобы начать внедрять
Итак, если скорость вашего магазина вас подводит, что вы можете с этим поделать? Мы составили список из восьми советов, которые покажут вам, как ускорить ваш сайт Shopify.
Чтобы помочь вам направить свою энергию в нужное русло, мы оценили полезность каждого совета, взглянув на влияние, которое это окажет на ваш магазин, и сопоставили его с тем, насколько сложно его реализовать..
Затем мы ранжировали их соответствующим образом.
Совет 1. Оптимизируйте изображения
Изображение: ПАНГЕЯ
Убедиться, что ваши изображения оптимизированы для быстрого сайта, — это, вероятно, самая большая вещь, которую вы можете сделать для повышения скорости вашего сайта. Это также легче всего достичь.
Расширенные изображения отлично подходят для демонстрации вашего контента, но не так хороши, когда требуемое чрезмерное время загрузки снижает производительность Shopify.
Shopify поставляется с «отказоустойчивым» для скорости сайта: он не позволяет вам добавлять более 25 различных разделов на вашу домашнюю страницу или 50 различных продуктов на страницы ваших коллекций.
Но это всего лишь мера поддержки, чтобы ваш сайт не стал действительно громоздким.
Есть много других вещей, которые вы можете сделать, чтобы ваши изображения не замедляли время загрузки:
- По возможности используйте изображения с более низким разрешением. Вам нужно найти баланс между качеством изображения и скоростью. Часто того же эффекта можно добиться с изображениями с более низким разрешением.
- Сделайте ваши изображения ленивой загрузкой. Это означает, что ваши изображения будут загружаться только тогда, когда посетители прокручивают их, а не загружают тяжелые файлы изображений на страницу ниже сгиба.
- Оптимизируйте изображения для каждого устройства. Убедитесь, что ваши мобильные изображения меньше и соответствуют размеру экрана.
- Используйте меньше изображений. Вам действительно нужна каждая из этих фотографий в высоком разрешении? Это может быть сложно сделать, но выбирайте изображения, которые действительно демонстрируют ваши продукты, чтобы вам не пришлось использовать так много.
Shogun Page Builder может облегчить вам жизнь — он имеет встроенные настройки оптимизации изображений, и большинство изображений по умолчанию загружаются отложенно.
Совет 2: Уменьшите количество приложений
Дополнительные приложения неизбежны при создании вашего магазина. Приложения могут помочь с бесперебойной работой вашего сайта и упростить клиентам:
- Добавить в корзину
- Воспроизвести видео
- См. обзоры продуктов
- Посмотрите, как долго действуют специальные предложения
Кроме того, есть много других вариантов использования, и в зависимости от потребностей вашего магазина вы обнаружите, что устанавливаете более или менее специализированные приложения.
Но имейте в виду: хотя приложения могут отлично улучшать качество обслуживания клиентов и повышать конверсию, каждое приложение, которое вы размещаете на своем сайте, добавляет немного больше кода в фоновом режиме.
Когда посетители попадают на ваши страницы, их браузеры должны получить весь этот код, прежде чем он сможет полностью загрузиться.
Поэтому вы должны добавлять только то, что необходимо для бесперебойной работы вашего сайта.
Также важно выбирать многофункциональные приложения, такие как Shogun Page Builder, а не собирать функциональность по частям с одноразовыми таймерами обратного отсчета, баннерами и т. д.
Совет 3: не усложняйте тему
1 кредит
Рассвет рекомендуемая Shopify тема для скорости. Рассвет — это «базовая» тема, на которой строятся другие пользовательские темы Shopify.
Поскольку он создан самими Shopify, он довольно хорошо оптимизирован для скорости сайта.
Чем больше модификаций и настроек вы вносите в Dawn, тем больше кода вы добавляете в свою тему.
Все эти небольшие изменения складываются, и, прежде чем вы это узнаете, вы получите раздутый, медленный сайт.
Сократите свою тему до самого необходимого для UX, и вы значительно ускорите свой сайт Shopify.
Если вы являетесь брендом, ориентированным на контент, эти основы UX могут быть довольно существенными. Вам нужно создать уникальный и незабываемый клиентский опыт, одновременно поддерживая быстрый сайт.
Одним из способов решения этой проблемы является использование конструктора страниц без кода, такого как Shogun Page Builder, который позволяет создавать сайт с использованием настраиваемых блоков контента и уникальных элементов перетаскивания.
Вы получаете плавный и последовательный клиентский опыт без раздутых требований к кодированию.
Совет 4: Используйте одно главное изображение
1 кредит
Вращающиеся карусели с несколькими изображениями означают, что браузерам посетителей приходится больше работать, чтобы загрузить несколько больших файлов.
Вместо этого используйте одно хорошо продуманное изображение продукта, чтобы сделать всю тяжелую работу, чтобы устройствам ваших клиентов не приходилось этого делать.
Совет 5: Перенаправляйте неработающие ссылки
Если на вашем сайте есть внутренняя ссылка, которая не работает, страница попытается загрузиться, но в конечном итоге произойдет сбой. Вся эта загрузка регистрируется, и это снижает общую скорость вашего сайта.
В Интернете есть несколько инструментов, позволяющих проверять неработающие ссылки. Арефс обеспечивает хороший, например.
Как только вы нашли виновников, вы должны перенаправить их на работающие веб-страницы. Shopify имеет пошаговое руководство о том, как это сделать.
Хотя этот совет требует немного больше работы, его стоит сделать: клиентам не нравится, когда они попадают на страницу с ошибкой 404 или застревают на экране загрузки.
Совет 6. Отслеживайте код с помощью Диспетчера тегов Google
Диспетчер тегов Google (GTM) — это инструмент, который позволяет заменить существующую аналитику сайта тегами Google.
Наличие множества инструментов аналитики на вашем сайте может значительно замедлить его работу, поэтому объединение их всех вместе в один «контейнер» улучшит скорость вашего магазина Shopify.
Это, безусловно, один из наиболее важных советов по оптимизации Shopify в нашем списке, но он не выходит за рамки возможностей большинства относительно технически подкованных владельцев магазинов.
Полное руководство доступно на Справочный центр Shopify.
Здесь следует предостеречь: анализ того, как клиенты используют ваш сайт и насколько хорошо работают ваши страницы, имеет решающее значение для вашего бизнеса, поэтому связывайтесь с GTM только в том случае, если вы уверены в том, что делаете.
Совет 7: Используйте шрифты Shopify
Shopify поставляет удобный список шрифтов, которые вы можете использовать в своем магазине. Вы можете использовать другие шрифты, но это может замедлить работу вашего сайта, если вы настроите слишком много.
Чтобы оптимизировать скорость, придерживайтесь системных шрифтов Shopify.
Этого довольно легко придерживаться, но он не будет иметь такого большого влияния, как некоторые другие советы здесь. Думайте об этом больше как о лучшей практике для оптимизации скорости страницы Shopify.
Совет 8. Рассмотрите возможность использования ускоренных мобильных страниц
AMP ускоряет ваш сайт до почти мгновенного времени загрузки для тех страниц, которые кэшируются и обслуживаются Google как AMP.
Так что, если вы крайне заинтересованы в погоне за скоростью и готовы приложить дополнительные усилия для ее достижения, создание AMP-страниц на своем сайте — это один из способов дать вам толчок.
Однако Shopify не поставляется с готовой поддержкой AMP, поэтому вам придется создать его самостоятельно.
Если вы очень уверены в себе, вы можете добавить AMP-код через панель администратора Shopify. Если вы не программист, вы можете получить приложение, которое добавит вам функциональность AMP.
AMP Шериф это приложение, которое Google рекомендует для Shopify.
Дополнительный совет: используйте специальный конструктор страниц, чтобы ускорить работу вашего магазина.
Вам нужно создать магазин, который отлично выглядит, имеет уникальный клиентский опыт, и быстро загружается. Shogun Page Builder оптимизирован для магазинов Shopify и предлагает вам все эти возможности.
Это также позволяет вам быстро приступить к работе: интуитивно понятный интерфейс означает, что команды, не являющиеся техническими специалистами, могут создать ваш молниеносный магазин за меньшее время.
Часто задаваемые вопросы по оптимизации скорости Shopify
Какая лучшая скорость для магазина Shopify?
Если вы используете Google Lighthouse, который является золотым стандартом для анализа скорости страницы, вы должны стремиться к 90-100 баллам. Все, что меньше 50, считается плохим.
Почему скорость моего магазина Shopify такая низкая?
Основными факторами, негативно влияющими на скорость загрузки вашего магазина Shopify, являются слишком много приложений, плохо настроенные темы, отсутствие оптимизации изображений и отсутствие оптимизации вашего сайта для мобильных устройств.
Имеет ли значение Shopify скорость магазина?
Да! За каждую секунду загрузки вашего магазина Shopify вы теряете клиентов, потенциал ранжирования и конверсии.
Улучшает ли Shopify Plus скорость сайта?
Shopify включает хостинг со всеми планами Shopify Plus.
Благодаря этому вы получаете доступ к CDN корпоративного уровня и расширенные возможности кэширования на стороне сервера и на стороне браузера. Эти функции Shopify Plus значительно улучшат скорость вашего сайта Shopify.
Является ли Shopify оценка скорости точной?
В тесте скорости Shopify учитывается среднее значение вашей домашней страницы вместе с вашей коллекцией и страницами продуктов, которые получают наибольшее количество трафика, что делает его очень точным индикатором скорости вашего сайта.
Влияет ли скорость сайта на эффективность SEO?
Согласно Google, скорость сайта является фактором ранжирования, поэтому низкая оценка скорости сайта негативно повлияет на эффективность SEO.
Google также учитывает, как скорость вашего сайта влияет на качество обслуживания клиентов, поэтому вы будете занимать более низкое место в рейтинге, если ваши страницы загружаются медленно и посетителям неудобно перемещаться по ним.
Сколько приложений слишком много для магазина Shopify?
На этот вопрос нет однозначного ответа. Некоторые люди рекомендуют не более 10, в то время как другие говорят, что до 30 — это нормально.
Но в целом, чем меньше приложений вам сойдет с рук, тем выше производительность вашего сайта.
Какая хорошая скорость сайта для Shopify?
Обычно это считается лучшей практикой в электронной коммерции, чтобы ваш сайт загружался менее чем за три секунды.
Вы должны стремиться к тому, чтобы ваш магазин Shopify загружался в течение этого времени. На мобильных устройствах предпочтительнее 2 секунды или меньше.
Ускорьте свой магазин Shopify, чтобы ускорить свой рост
Вам нужно создать быстрый сайт, чтобы преуспеть в онлайн-бизнесе.
Но создание быстрого сайта, который не жертвует качеством обслуживания клиентов, действительно выделит вас среди конкурентов.
Быстрый магазин Shopify с простым в навигации дизайном даст вам то, что важнее всего для вашего бизнеса — значительный рост продаж и конверсий, а также очень довольных клиентов, которые будут возвращаться снова и снова.
#cta-visual-pb#