Как ускорить веб-сайт электронной коммерции WordPress?

WordPress - самая популярная в мире система управления контентом. В настоящее время он больше не используется как инструмент ведения блога. Вместо этого он может использовать большое количество веб-сайтов, включая электронную коммерцию. Фактически, количество веб-сайтов электронной коммерции, которые построены с помощью WordPress, постоянно растет. Если вы используете веб-сайт электронной коммерции WordPress, как вы можете сделать это быстрее?

Другими словами, как вы ускоряете сайт электронной коммерции WordPress? В этой статье мы ответим на этот вопрос и предоставим полезные идеи для ускорения веб-сайта электронной коммерции WordPress.

Оптимизация веб-сайта электронной коммерции WordPress: начало работы

Изображение кредита:

Существуют различные способы создания и настройки веб-сайта электронной коммерции WordPress. Конечно, все эти способы вращаются вокруг, используя специальный плагин WordPress. Вообще говоря, WooCommerce является самым популярным решением для электронной коммерции для пользователей WordPress. Очевидно, что большинство методов оптимизации и ускорения вращаются вокруг WooCommerce.

Однако, что, если вы не пользователь WooCommerce? Есть много других плагинов, которые могут помочь вам собрать веб-сайт WordPress eCommerce. Например, вы можете использовать Easy Digital Downloads, который позволяет создавать магазин электронной коммерции с цифровыми продуктами (в отличие от физических продуктов) и т. Д.

Независимо от плагинов или расширений WP, которые вы используете, вам все же необходимо предпринять определенные общие шаги для ускорения вашего сайта электронной коммерции WordPress. Но перед этим вам нужно знать, насколько медленным может быть ваш сайт!

Тестирование скорости

Хороший тест на скорость веб-сайта и время загрузки страницы должны проводиться в независимой среде. Таким образом, вы должны использовать удаленный сервер, возможно, из нескольких мест. Это позволит исключить такие факторы, как кеширование браузера и дать вам реальную картину размера страницы, времени загрузки, водопада и т. Д.

Инструменты, такие как Pingdom GTmetrix очень полезны в этом отношении. Вы можете запустить его на URL вашего сайта и увидеть результаты вместе с областями, где вы можете улучшить.

Для веб-сайта WordPress eCommerce вы должны запустить тесты скорости на главной странице вашего магазина. Если вы используете WooCommerce, попробуйте запустить тесты на странице магазина или на отдельной странице продукта.

По завершении теста он предоставит вам отчет о том, что замедляет работу веб-сайта электронной коммерции WordPress. Например, следующий тест (проведенный на домашней странице Shopify) показывает, что кеширование браузера, комбинация JS и меньшее перенаправление могут увеличить время загрузки страницы.

Ускорьте веб-сайт WordPress eCommerce

Конечно, результаты будут варьироваться от одного сайта к другому. Тем не менее, это поможет вам получить представление о том, где именно медленно загружается ваш сайт электронной коммерции WordPress.

Теперь мы возвращаемся к большому вопросу: как мы можем ускорить наш сайт электронной коммерции WordPress?

Хостинг и CDN

Общеизвестно, что вы должны выбрать надежное, качественное и хорошо оптимизированное решение для веб-хостинга для вашего сайта электронной коммерции WordPress. К сожалению, в настоящее время индустрия веб-хостинга заполнена веб-хостами, которые часто предоставляют ниже номинальной службы. Это может негативно сказаться на производительности вашего сайта. Независимо от методов оптимизации, которые вы развертываете, ваш сайт электронной коммерции WP может просто не загружаться быстрее из-за медленного и вялого сервера.

К счастью, у нас есть сравнительное руководство, которое поможет вам оценить тип требуемого плана хостинга и какой веб-хостинг-провайдер может удовлетворить ваши потребности. Проверьте это здесь.

С учетом этого никогда не стоит недооценивать важность Сети доставки контента. Независимо от того, насколько хорош ваш веб-хостинг, CDN всегда может сделать это лучше и быстрее. Если в вашем магазине eCommerce есть клиенты по всему миру или в разных странах, использование CDN является необходимостью.

Сеть доставки контента, по сути, ускоряет работу вашего сайта, обслуживая его страницы из географического разнообразного кластера серверов. Например, скажите, что ваш сайт размещен на сервере, расположенном во Флориде. Теперь, если пользователь из Бангкока посещает ваш сайт, для загрузки страницы потребуется больше времени. Это связано с географическим расстоянием, множеством интернет-провайдеров и т. Д. С другой стороны, если вы используете сеть доставки контента, CDN будет копировать содержимое вашего веб-сайта из местоположения, расположенного ближе к Бангкоку, скажем, в Сингапуре. Естественно, это увеличит время загрузки страницы и ускорит загрузку контента.

CloudFlare MaxCDN это два популярных варианта интеграции с веб-сайтом электронной коммерции WordPress. Вы даже можете использовать бесплатный план CloudFlare для тестирования воды, хотя для обеспечения оптимальной производительности платный план является хорошей инвестицией.

Оптимизация изображений

Изображения являются жизненно важным компонентом любого магазина электронной коммерции. Чтобы улучшить время загрузки страницы, рекомендуется потратить некоторое время на оптимизацию изображений продуктов, миниатюр и т. Д.

Плагины WordPress, такие как TinyPNG может оказаться полезным для сжатия и оптимизации изображений по мере их загрузки.

Другим методом, который можно использовать здесь, является ленивая загрузка изображений. Lazy loading означает, что данный набор изображений не загружается до тех пор, пока пользователь не прокрутится до той части страницы, где размещены эти изображения. Таким образом, общее время загрузки страницы не оказывает негативного влияния, так как браузеру не нужно загружать сразу все изображения. Плагины WP, такие как BJ Ленивый нагрузки может помочь вам выполнить это из коробки.

Поскольку большинство медиаконтента вашего интернет-магазина будет в форме изображений, оптимизация и ленивая загрузка изображений могут принести полезные результаты.

Использование плагина кэширования WordPress

Кэширование уже давно является наиболее распространенным решением для ускорения работы веб-сайтов и блогов WP. Веб-сайт WordPress eCommerce не является исключением из этого правила. Вы должны подумать о том, чтобы выбрать надежный и известный плагин для кэширования WordPress. Некоторые достойные имена:

Кроме того, убедитесь, что выбранный вами плагин совместим с вашим плагином WordPress eCommerce. Если вы используете WooCommerce, вам не о чем беспокоиться - большинство кэширующих плагинов хранят в памяти магазины WooCommerce и полностью совместимы с ними. Для всех других плагинов электронной коммерции WP вам может потребоваться проверить документацию плагина.

Под совместимостью мы подразумеваем, что плагин кэширования должен автоматически определять, что ему нужно кэшировать (и что он не должен). Вот пример: ни при каких обстоятельствах ваш плагин кэширования WP должен кэшировать страницы «Корзина» и «Оформить заказ». Эти страницы необходимо создавать только на основе выбора пользователя - статическая копия не может быть подана.

Аналогично, виджеты корзины покупок (или значки, которые часто помещаются в заголовок или строку меню магазинов электронной коммерции) не нужно кэшировать. Для сайтов электронной коммерции WordPress хорошей идеей является активизация миниатюризации CSS и HTML, но избегайте минимизации JavaScript. Многие плагины электронной коммерции полагаются на JS для загрузки виджетов корзины покупок. JS-минификация или кэширование могут вызвать проблемы здесь - пользователь может добавить продукт в свою корзину, и он будет успешно добавлен. Но на странице все равно будет отображаться пустая тележка - JS был кэширован, и поэтому корзина покупок не обновилась, если только обновленная страница не обновилась.

Таким образом, хотя вы можете (и должны) кэшировать файлы JavaScript и минимизировать их на блогов WP, так что это не очень хорошая идея в магазинах электронной торговли WP.

Использование AJAX в корзине покупок

Общепринятой практикой является использование AJAX для отображения деталей корзины покупок. Большинство плагинов электронной коммерции WP, включая WooCommerce, тоже делают то же самое. Вот как это работает:

Пользователь выбирает продукт и нажимает кнопку «Добавить в корзину». Продукт добавляется в корзину. Далее на странице обновляются два значения: кнопка «Добавить в корзину» показывает «Добавлено в корзину» или «Уже в корзине» (или аналогично), а виджет корзины (или кнопки) показывает обновленный счетчик товаров. Остальная часть страницы? Он не обновляется и не меняется.

Это выборочное обновление происходит с помощью вызова AJAX. Теперь отрицательная часть этой функции заключается в том, что вызовы AJAX требуют времени и всегда отрицательно влияют на время загрузки страницы. Так, независимо от того, добавляет ли пользователь продукт для вызова (то есть, нужно ли обновлять корзину с помощью AJAX), библиотеки все равно необходимо загрузить.

Если вы действительно хотите повысить производительность, вы можете отключить вызовы AJAX (используйте простой плагин, такой как этот), а затем ваш плагин eCommerce перенаправляет пользователя в корзину покупок при добавлении продукта в корзину. Вот как это сделать в WooCommerce:

Ускорьте веб-сайт WordPress eCommerce

Просто выберите «Настройки», а затем вкладку «Продукты». Выберите опцию «перенаправить в корзину». После этого сохраните свой выбор (вы также можете отключить AJAX на архивах, если хотите).

Хотя мы и находимся в этом, простой, но очень полезный плагин WordPress будет Ускоренный ремонт сточных вод WooCommerce, Он просто прекращает загрузку AJAX-методов и других функций WooCommerce на страницах, отличных от WooCommerce (например, ваш блог или страница). Это может помочь вам ускорить работу ваших веб-сайтов по электронной коммерции WordPress.

Оптимизация базы данных

Изображение кредита:

Медленная и плохо оптимизированная база данных WordPress может привести к остановке вашего сайта. Это особенно верно в случае магазинов eCommerce, работающих на WP. Существует больше таблиц базы данных и записей, чем обычно. Вам нужно не только иметь дело с таблицами и записями для сообщений, страниц и комментариев. Кроме того, у вас также будут записи и таблицы для ваших продуктов, атрибутов продуктов, заказов и т. Д.

Вы можете выбрать популярный плагин WP, такой как WP Optimize or WP стреловидности, Такие плагины могут сканировать вашу базу данных, удалять фрагменты и ненужные накладные расходы и т. Д. Уборка вашей базы данных WP через регулярные промежутки времени позволяет увеличить время загрузки страниц, поскольку запросы к базе данных будут выполняться быстрее.

Вывод

Это подводит нас к концу этого поста. Мы обсудили способы избежать загрузки ненужных сценариев на страницы электронной коммерции, оптимизации баз данных, использования кеширования и CDN и т. Д., Чтобы ускорить работу любого веб-сайта электронной коммерции WordPress.

Если вы используете или управляете веб-сайтом электронной коммерции WordPress, какую стратегию или методы вы используете для ее ускорения? Поделитесь своими мнениями в комментариях ниже!

Популярные изображения

Суфьян бен Узайр

Writer; опубликованный автор; кофе-любитель; веб-разработчик; парень за Паракозом.