WordPress — самая популярная в мире система управления контентом. В настоящее время он больше не используется как просто инструмент для ведения блога. Вместо этого он может обеспечивать работу самых разных веб-сайтов, включая электронную коммерцию.
Фактически, количество веб-сайтов электронной коммерции, созданных с помощью WordPress, постоянно растет. Если у вас есть веб-сайт электронной коммерции WordPress, как вы можете сделать его быстрее?
Другими словами, как вы ускоряете сайт электронной коммерции WordPress? В этой статье мы ответим на этот вопрос и предоставим полезные идеи для ускорения веб-сайта электронной коммерции WordPress.
Первые шаги
Изображение кредита:
Существуют различные способы создания и настройки веб-сайта электронной коммерции WordPress. Конечно, все эти способы вращаются вокруг использования определенного WordPress. plugin. Вообще говоря, WooCommerce это самое популярное решение для электронной коммерции для пользователей WordPress. Очевидно, что большинство методов оптимизации и ускорения вращаются вокруг WooCommerce.
Однако что, если вы не WooCommerce пользователь? Есть много других plugins которые могут помочь вам собрать сайт электронной коммерции WordPress. Например, вы можете использовать Easy Digital Downloads который позволяет вам создать магазин электронной коммерции с цифровыми продуктами (в отличие от физических продуктов) и т. д.
Независимо от ВП plugin или расширения, которые вы используете, вам все равно нужно предпринять определенные общие шаги, чтобы ускорить работу вашего веб-сайта электронной коммерции WordPress. Но перед этим вам нужно знать, насколько медленным может быть ваш сайт!
Тестирование скорости
Хороший тест на скорость веб-сайта и время загрузки страницы должны проводиться в независимой среде. Таким образом, вы должны использовать удаленный сервер, возможно, из нескольких мест. Это позволит исключить такие факторы, как кеширование браузера и дать вам реальную картину размера страницы, времени загрузки, водопада и т. Д.
Инструменты, такие как Pingdom и GTmetrix очень полезны в этом отношении. Вы можете запустить его на URL вашего сайта и увидеть результаты вместе с областями, где вы можете улучшить.
Для веб-сайта электронной коммерции WordPress вам следует запустить тесты скорости на главной странице вашего магазина. Если вы используете WooCommerce, попробуйте запустить тесты на странице магазина или страницы отдельного продукта.
После того, как тест завершен, он предоставит вам отчет о том, что именно замедляет работу вашего интернет-магазина WordPress. Например, следующий тест (проводится на ShopifyДомашняя страница) показывает, что кеширование в браузере, комбинация JS и меньшие перенаправления могут увеличить время загрузки страницы.
Конечно, результаты будут варьироваться от одного сайта к другому. Тем не менее, это поможет вам получить представление о том, где именно медленно загружается ваш сайт электронной коммерции WordPress.
Теперь мы возвращаемся к большому вопросу: как мы можем ускорить наш сайт электронной коммерции WordPress?
Хостинг и CDN
Общеизвестно, что вам следует выбирать надежные, качественные и хорошо оптимизированные решения веб-хостинга для вашего веб-сайта электронной коммерции WordPress. К сожалению, сегодня индустрия веб-хостинга заполнена веб-хостами, которые часто предоставляют услуги ниже номинала.
Это может отрицательно повлиять на производительность вашего сайта. Независимо от используемых вами методов оптимизации, ваш сайт электронной коммерции WP может просто не загружаться быстрее из-за медленного и медленного сервера.
К счастью, у нас есть сравнительное руководство, которое поможет вам оценить тип требуемого плана хостинга и какой веб-хостинг-провайдер может удовлетворить ваши потребности. Проверьте это здесь.
При этом никогда не стоит недооценивать важность Сети доставки контента. Независимо от того, насколько хорош ваш веб-хостинг, CDN всегда может сделать его лучше и быстрее. Если в вашем магазине электронной коммерции есть клиенты по всему миру или в разных странах, использование CDN является необходимостью.
Сеть доставки контента, по сути, ускоряет работу вашего сайта, обслуживая его страницы из географического разнообразного кластера серверов. Например, скажите, что ваш сайт размещен на сервере, расположенном во Флориде. Теперь, если пользователь из Бангкока посещает ваш сайт, для загрузки страницы потребуется больше времени. Это связано с географическим расстоянием, множеством интернет-провайдеров и т. Д. С другой стороны, если вы используете сеть доставки контента, CDN будет копировать содержимое вашего веб-сайта из местоположения, расположенного ближе к Бангкоку, скажем, в Сингапуре. Естественно, это увеличит время загрузки страницы и ускорит загрузку контента.
CloudFlare и MaxCDN — два популярных варианта интеграции с веб-сайтом электронной коммерции WordPress. Вы даже можете использовать бесплатный план CloudFlare для проверки воды, хотя для оптимальной производительности платный план является хорошей инвестицией.
Оптимизация изображений
Изображения являются жизненно важным компонентом любого магазина электронной коммерции. Чтобы улучшить время загрузки страницы, рекомендуется потратить некоторое время на оптимизацию изображений продуктов, миниатюр и т. Д.
WordPress plugins как TinyPNG может оказаться полезным для сжатия и оптимизации изображений по мере их загрузки.
Другой метод, который можно использовать здесь, — это отложенная загрузка изображений. Отложенная загрузка означает, что данный набор изображений не загружается до тех пор, пока пользователь не прокрутит страницу вниз до той части страницы, где эти изображения размещены.
Таким образом, общее время загрузки страницы не пострадает, поскольку браузеру не придется загружать все изображения одновременно. WP plugins как BJ Ленивый нагрузки может помочь вам выполнить это из коробки.
Поскольку большинство медиаконтента вашего интернет-магазина будет в форме изображений, оптимизация и ленивая загрузка изображений могут принести полезные результаты.
Использование кэширования WordPress Plugin
Кэширование долгое время было наиболее распространенным решением для ускорения веб-сайтов и блогов WP. Веб-сайт электронной коммерции WordPress не является исключением из этого правила. Вам следует подумать о выборе надежного и известного кэширования WordPress. plugin. Некоторые достойные имена:
Кроме того, убедитесь, что plugin который вы выбираете, совместим с вашей электронной коммерцией WordPress plugin, Если вы используете WooCommerce, в этом нет ничего страшного — самое кэширующее plugins держать WooCommerce хранятся в памяти и полностью совместимы с ними.
Для всех остальных WP электронной коммерции plugins, вам может потребоваться проверить ваш pluginдокументация.
Под совместимостью мы подразумеваем, что кэширование plugin должен автоматически определять, что ему нужно кэшировать (и что не следует). Вот пример: ни при каких обстоятельствах ваше кеширование WP plugin следует кэшировать страницы «Корзина» и «Оформление заказа».
Эти страницы должны создаваться только на основе выбора пользователя — статическая копия не может быть предоставлена.
Аналогично, виджеты корзины покупок (или значки, которые часто размещаются в заголовке или строке меню магазинов электронной коммерции) не нужно кэшировать. Для сайтов электронной коммерции WordPress хорошей идеей будет активировать минификацию CSS и HTML, но избегать минификации JavaScript.
Многие электронной коммерции plugins полагаться на JS для загрузки виджетов корзины покупок на лету. Минификация или кэширование JS могут вызвать проблемы здесь — пользователь может добавить товар в корзину, и он будет успешно добавлен.
Но на странице по-прежнему будет отображаться пустая корзина — JS был закеширован, поэтому корзину не удалось обновить, пока не будет обновлена вся страница.
Таким образом, хотя вы можете (и должны) кэшировать файлы JavaScript и минимизировать их на блогов WP, так что это не очень хорошая идея в магазинах электронной торговли WP.
Использование AJAX в корзине покупок
Обычной практикой является использование AJAX для отображения сведений о корзине покупок. Большинство электронной коммерции WP pluginsв том числе WooCommerceтоже сделай то же самое. Вот как это работает:
Пользователь выбирает продукт и нажимает кнопку «Добавить в корзину». Продукт добавляется в корзину. Затем на странице обновляются два значения: кнопка «Добавить в корзину» продукта показывает «Добавлено в корзину» или «Уже в корзине» (или аналогично), а виджет корзины покупок (или кнопка) показывает обновленное количество продуктов. Остальная часть страницы? Она не обновляется и не изменяется.
Это выборочное обновление происходит посредством вызова AJAX. Негативной стороной этой функции является то, что вызовы AJAX требуют времени и всегда отрицательно влияют на время загрузки страницы.
Таким образом, вне зависимости от того, добавит ли пользователь товар для вызова (т. е. нужно ли обновить корзину с помощью AJAX), библиотеки все равно необходимо загрузить.
Если вы действительно хотите получить здесь прирост производительности, вы можете отключить вызовы AJAX (использовать простой plugin такой как этот), а затем ваша электронная коммерция plugin перенаправлять пользователя в корзину при добавлении товара в корзину. Вот как это сделать в WooCommerce:
Просто перейдите в «Настройки», а затем на вкладку «Продукты». Выберите опцию «перенаправить в корзину». После этого сохраните свой выбор (при желании вы также можете отключить AJAX в архивах).
Пока мы этим занимаемся, простой, но очень полезный WordPress plugin будет WooCommerce Ремонт скоростного слива. Он просто перестает загружать методы AJAX и другие WooCommerce функции на не-WooCommerce страницы (скажем, ваш блог или о странице). Это может помочь вам ускорить работу вашего сайта электронной коммерции WordPress.
Оптимизация базы данных
Изображение кредита:
Медленная и плохо оптимизированная база данных WordPress может привести к остановке вашего сайта. Это особенно верно в случае магазинов eCommerce, работающих на WP. Существует больше таблиц базы данных и записей, чем обычно. Вам нужно не только иметь дело с таблицами и записями для сообщений, страниц и комментариев. Кроме того, у вас также будут записи и таблицы для ваших продуктов, атрибутов продуктов, заказов и т. Д.
Вы можете выбрать популярный WP plugin как WP Optimize or WP стреловидности. Такое plugins может сканировать вашу базу данных, удалять фрагменты и ненужные накладные расходы и т. д. Регулярно очищая базу данных WP, вы можете ускорить загрузку страниц, поскольку запросы к базе данных будут выполняться быстрее.
Заключение
Это подводит нас к концу этого поста. Мы обсудили способы избежать загрузки ненужных сценариев на страницы электронной коммерции, оптимизации баз данных, использования кеширования и CDN и т. Д., Чтобы ускорить работу любого веб-сайта электронной коммерции WordPress.
Если вы используете или управляете веб-сайтом электронной коммерции WordPress, какую стратегию или методы вы используете для ее ускорения? Поделитесь своими мнениями в комментариях ниже!
Комментарии Ответы 0