WordPress - самая популярная в мире система управления контентом. В настоящее время он больше не используется как инструмент ведения блога. Вместо этого он может использовать большое количество веб-сайтов, включая электронную коммерцию. Фактически, количество веб-сайтов электронной коммерции, которые построены с помощью WordPress, постоянно растет. Если вы используете веб-сайт электронной коммерции WordPress, как вы можете сделать это быстрее?
Другими словами, как вы ускоряете сайт электронной коммерции WordPress? В этой статье мы ответим на этот вопрос и предоставим полезные идеи для ускорения веб-сайта электронной коммерции WordPress.
Оптимизация веб-сайта электронной коммерции WordPress: начало работы
Изображение кредита:
Существуют различные способы создания и настройки веб-сайта электронной коммерции WordPress. Конечно, все эти способы вращаются вокруг использования определенного WordPress. plugin. Вообще говоря, WooCommerce это самое популярное решение для электронной коммерции для пользователей WordPress. Очевидно, что большинство методов оптимизации и ускорения вращаются вокруг WooCommerce.
Однако что, если вы не WooCommerce пользователь? Есть много других plugin, которые могут помочь вам создать веб-сайт электронной коммерции 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 pluginс такими как TinyPNG может оказаться полезным для сжатия и оптимизации изображений по мере их загрузки.
Другой метод, который можно использовать здесь, — отложенная загрузка изображений. Ленивая загрузка означает, что данный набор изображений не загружается до тех пор, пока пользователь не прокрутит вниз до той части страницы, где эти изображения размещены. Таким образом, общее время загрузки страницы не снижается, поскольку браузеру не нужно загружать все изображения сразу. ВП pluginс такими как BJ Ленивый нагрузки может помочь вам выполнить это из коробки.
Поскольку большинство медиаконтента вашего интернет-магазина будет в форме изображений, оптимизация и ленивая загрузка изображений могут принести полезные результаты.
Использование кэширования WordPress Plugin
Кэширование долгое время было наиболее распространенным решением для ускорения веб-сайтов и блогов WP. Веб-сайт электронной коммерции WordPress не является исключением из этого правила. Вам следует подумать о выборе надежного и известного кэширования WordPress. plugin. Некоторые достойные имена:
Кроме того, убедитесь, что plugin который вы выбираете, совместим с вашей электронной коммерцией WordPress plugin, Если вы используете WooCommerce, в этом нет ничего страшного — самое кэширующее pluginс держать WooCommerce хранит в памяти и полностью совместимы с теми же. Для всех остальных WP электронной коммерции plugins, вам может понадобиться проверить pluginдокументация.
Под совместимостью мы подразумеваем, что кэширование plugin должен автоматически определять, что ему нужно кэшировать (и что не следует). Вот пример: ни при каких обстоятельствах ваше кеширование WP plugin следует кэшировать корзину и Checkout pageс. Эти страницы должны создаваться только на основе выбора пользователя — нет статической копии, которую можно было бы обслуживать.
Точно так же виджеты корзины покупок (или значки, которые часто размещаются в заголовке или строке меню магазинов электронной коммерции) не нужно кэшировать. Для сайтов электронной коммерции WordPress рекомендуется активировать минимизацию CSS и HTML, но избегать минификации JavaScript. Много электронной коммерции plugins полагаются на JS для загрузки виджетов корзины покупок на лету. JS-минификация или кеширование могут вызвать здесь проблемы — пользователь может добавить товар в корзину, и он будет успешно добавлен. Но на странице по-прежнему будет отображаться пустая корзина — JS был закеширован, и поэтому корзина не обновилась, если не обновить всю страницу.
Таким образом, хотя вы можете (и должны) кэшировать файлы JavaScript и минимизировать их на блогов WP, так что это не очень хорошая идея в магазинах электронной торговли WP.
Использование AJAX в корзине покупок
Обычной практикой является использование AJAX для отображения сведений о корзине покупок. Большинство электронной коммерции WP pluginы, в том числе WooCommerceтоже сделай то же самое. Вот как это работает:
Пользователь выбирает товар и нажимает кнопку «Добавить в корзину». Товар добавлен в корзину. Затем на странице обновляются два значения: кнопка «Добавить в корзину» продукта показывает «Добавлено в корзину» или «Уже в корзине» (или какwise), а виджет корзины покупок (или кнопка) показывает обновленное количество продуктов. Остальная часть страницы? Он не обновляется и не изменяется.
Это выборочное обновление происходит с помощью вызова AJAX. Теперь отрицательная часть этой функции заключается в том, что вызовы AJAX требуют времени и всегда отрицательно влияют на время загрузки страницы. Так, независимо от того, добавляет ли пользователь продукт для вызова (то есть, нужно ли обновлять корзину с помощью AJAX), библиотеки все равно необходимо загрузить.
Если ты действительно wish чтобы получить здесь некоторое повышение производительности, вы можете отключить вызовы AJAX (использовать простой plugin такой как этот), а затем ваша электронная коммерция plugin перенаправлять пользователя в корзину при добавлении товара в корзину. Вот как это сделать в WooCommerce:
Просто перейдите в «Настройки», а затем на вкладку «Продукты». Выберите опцию «перенаправить в корзину». После этого сохраните свой выбор (вы также можете отключить AJAX для архивов, если вы wish к).
Пока мы этим занимаемся, простой, но очень полезный WordPress plugin будет WooCommerce Ремонт скоростного слива. Он просто перестает загружать методы AJAX и другие WooCommerce функции на не-WooCommerce страницы (скажем, ваш блог или о странице). Это может помочь вам ускорить работу вашего сайта электронной коммерции WordPress.
Оптимизация базы данных
Изображение кредита:
Медленная и плохо оптимизированная база данных WordPress может привести к остановке вашего сайта. Это особенно верно в случае магазинов eCommerce, работающих на WP. Существует больше таблиц базы данных и записей, чем обычно. Вам нужно не только иметь дело с таблицами и записями для сообщений, страниц и комментариев. Кроме того, у вас также будут записи и таблицы для ваших продуктов, атрибутов продуктов, заказов и т. Д.
Вы можете выбрать популярный WP plugin как WP Optimize or WP стреловидности. Такое plugins может сканировать вашу базу данных, удалять фрагменты и ненужные накладные расходы и т. д. Очищая базу данных WP через регулярные промежутки времени, вы можете увеличить время загрузки страницы, поскольку запросы к базе данных будут выполняться быстрее.
Заключение
Это подводит нас к концу этого поста. Мы обсудили способы избежать загрузки ненужных сценариев на страницы электронной коммерции, оптимизации баз данных, использования кеширования и CDN и т. Д., Чтобы ускорить работу любого веб-сайта электронной коммерции WordPress.
Если вы используете или управляете веб-сайтом электронной коммерции WordPress, какую стратегию или методы вы используете для ее ускорения? Поделитесь своими мнениями в комментариях ниже!
Популярные изображения
Комментарии Ответы 0