VitallyLifeРазработка интернет-магазина на WordPress: кастомная верстка и высокая производительность
Кейс разработки интернет-магазина БАДов и медицинских услуг. Реализовал кастомную корзину на JS, написал плагин и достиг 90+ баллов в PageSpeed
Обратился владелец магазина биологически активных добавок и клиники биохакинга. Необходимо обновить текущий сайт на WordPress, сохранив при этом все товары, категории и функционал.
Вводные данные - сайт загружается больше 8 секунд, много лишнего кода, плагинов и все типичные болезни старого сайта на Elementor. Оценка производительности PageSpeed - 81, SEO - 54.
После верстки была начата интеграция с WordPress. Новая страница товара по структуре, хотя и отличалась от старой, была проще, поэтому конкретно эта часть особых проблем не вызвала
Но все еще оставалась корзина, которая по умолчанию в WooCommerce работает только через AJAX и с полным обновлением страницы при каждом добавлении нового товара. Поэтому было принято решение разработать кастомную корзину, которая бесшовно интегрируется со стандартной формой оплаты WooCommerce
Следующим пунктом были формы обратной связи. В стандартном Contact Forms нам не подходило отсутствие нормального функционала для удобной сборки любых форм, которые бы нормально работали с темой без переопределения стилей по тегу и, опять же, неудобная и молчаливая отправка формы. Поэтому было принято решение разработать отдельный плагин специально для сайта.
Сразу же после удобных настройки и просмотра отправленных заявок стоял вопрос безопасности. Поэтому была реализована проверка по nonce и закрыта возможность отправки больше чем одной формы без обновления страницы. Само собой, защитить публичную форму - задача непростая, но конкретно в этом случае стоял вопрос не защиты от отправки миллионов заявок за секунду, а от простого спама. С чем такая архитектура вполне справляется
Ниже - вся главная страница сайта. Все меню и ссылки редактируются из админ-панели, а в продукты подставляются самые заказываемые
На этом разработка проекта была завершена. Сайт без проблем работает по сей день. Недавно WordPress обновился до 7.0.0, с чем благодаря правильной архитектуре и реализации темы не возникло никаких проблем
