Прискорення WordPress/WooCommerce сайту: PageSpeed Mobile

Комплексна оптимізація продуктивності та виправлення помилок для інтернет-магазину caravella.net.ua (WordPress, тема Woodmart + Elementor, WPML).

Початково сайт мав низьку оцінку Google PageSpeed Insights (наприклад, 52 бали на мобільних для сторінок товарів), страждав від значних зміщень макету (CLS), повільного завантаження (FCP/LCP), ресурсів, що блокують відображення (CSS/JS), та низки функціональних багів, включаючи некоректну роботу "Обраного" різними мовами.

Виконані роботи:

Глибокий аудит Core Web Vitals: Виявлено та усунуто причини високого CLS (пов'язані з галереєю товарів) за допомогою точкового CSS-налаштування.

Оптимізація ресурсів: Налаштовано ефективне стиснення, конвертацію зображень у WebP (Imagify) та оптимізацію їх доставки; оптимізовано завантаження шрифтів (локальне зберігання, woff2, preload).

Оптимізація коду: Проведено тонке налаштування плагінів кешування та оптимізації (включаючи перехід з Apache+WP Rocket на OpenLiteSpeed+LiteSpeed Cache) для асинхронного/відкладеного завантаження CSS/JS, усунення ресурсів, що блокують відображення, та видалення невикористаного коду.

Налагодження JavaScript: Знайдено та виправлено конфлікти JavaScript, що викликали помилки в роботі галереї товарів, динамічного функціоналу ("Обране" з урахуванням WPML) та спливаючих вікон шляхом точного налаштування винятків для відкладеного виконання JS (Delay JS).

Вирішення серверних проблем: Діагностовано та вирішено проблему повільної відповіді сервера (TTFB) та помилок 503.

Результат:

Мобільну оцінку Google PageSpeed для сторінок товарів (приклад: /rozsuvni-peregorodky/aliuminievi/tovar-01) збільшено з 52 до 92 балів.

Значно покращено всі показники Core Web Vitals (LCP, FCP, TBT, CLS).

Усунуто критичні функціональні баги, що впливали на досвід користувача.

Підвищено загальну стабільність та швидкість роботи і завантаження сайту та всіх його сторінок!