10 начина по-бързият WooCommerce магазин да продава повече
Десет конкретни оптимизации за WooCommerce — от продуктовите снимки и филтрите до касата и базата с поръчки — подредени по ефект.
Онлайн магазинът е по-труден за ускоряване от обикновен сайт: повече страници, повече снимки, повече плъгини и страници, които не могат да се кешират. Добрата новина е, че почти всички бавни магазини се забавят от едни и същи неща.
Изследване на Google и Deloitte от 2020 г. („Milliseconds Make Millions“) отчита, че подобрение на мобилната скорост с 0,1 секунди е свързано с 8,4% повече конверсии при търговците на дребно. Няма да обещаем същото число за всеки магазин — но посоката е ясна.
1. Продуктовите снимки в правилния размер и формат
Продуктовите галерии са най-тежката част на магазина. WooCommerce прави миниатюри в няколко размера — проверете дали темата ги използва, вместо да зарежда оригинала навсякъде. Преобразувайте снимките в WebP или AVIF. Повече в статията за изображенията.
2. Главната продуктова снимка — веднага
Главната снимка на продукта почти винаги е LCP елементът. Тя не трябва да има loading="lazy" и трябва да се зарежда с висок приоритет. Слайдерите на галерии често я скриват зад JavaScript — тогава тя се показва чак след като скриптът се изпълни.
3. Категориите и филтрите
Филтрите по цена, размер и цвят правят тежки заявки към базата. При хиляди продукти това е секунди на всяко зареждане. Помагат индекси в базата, кеширане на резултатите и филтриране без презареждане на цялата страница.
4. По-малко плъгини на страница
Средният магазин има 30–50 плъгина. Повечето от тях зареждат своите скриптове и стилове на всяка страница. Плъгинът за отзиви не трябва да се зарежда на касата, а формулярът за контакт — в категориите.
5. Cart fragments само там, където трябва
AJAX заявката, която обновява мини-количката, не се кешира и товари сървъра при всяко зареждане. Ако темата не показва динамична мини-количка, тя не е нужна. Подробно — в статията за касата.
6. Бърза каса
Касата не се кешира — бързината ѝ зависи изцяло от сървъра, плъгините и външните услуги (куриери, плащания). Мерете я отделно от началната страница.
7. HPOS и чиста база данни
High-Performance Order Storage пази поръчките в отделни таблици и ускорява администрацията и касата. Почистете изтеклите сесии, временните данни и старите ревизии на продуктите.
8. Object cache
Redis или Memcached кешират резултатите от заявки към базата. За магазин с вход на клиенти, количка и много продукти това е голяма разлика — защото страничният кеш не покрива влезлите потребители.
9. Скриптове на трети страни при нужда
Пиксели за реклами, чат, ремаркетинг, карти, видео от YouTube. Всеки от тях тежи. Заредете ги след съгласие за бисквитки или след първото взаимодействие — тогава не забавят първото показване. Това е и най-честата причина за лош INP.
10. Product schema
Не е скорост, но е безплатна видимост: структурирани данни за цена, наличност и оценки позволяват на Google да показва тази информация в резултатите. Проверете с Rich Results Test на Google дали продуктите ви я имат.
Откъде да започнете
Ако имате време само за три неща: снимките (1 и 2), плъгините (4) и скриптовете на трети страни (9). Те дават най-голям ефект за най-малко риск.
Ако искате ние да го направим — WooCommerce оптимизацията започва с безплатна диагностика на вашия магазин: какво точно го забавя и каква цел можем да постигнем.
Въпроси и отговори
Колко плъгина са твърде много за WooCommerce?
Няма магическо число. Важно е какво зареждат и къде. 40 добре настроени плъгина могат да са по-бързи от 15, които зареждат всичко на всяка страница.
Помага ли CDN на онлайн магазин?
Да, особено за снимките и статичните файлове. Но CDN не ускорява касата и количката — там решаващи са сървърът и плъгините.
Трябва ли да сменя темата на магазина?
Рядко е първата стъпка. В повечето случаи магазинът може да стане значително по-бърз без промяна на дизайна.
