Прискорення 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).
Усунуто критичні функціональні баги, що впливали на досвід користувача.
Підвищено загальну стабільність та швидкість роботи і завантаження сайту та всіх його сторінок!
Початково сайт мав низьку оцінку 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).
Усунуто критичні функціональні баги, що впливали на досвід користувача.
Підвищено загальну стабільність та швидкість роботи і завантаження сайту та всіх його сторінок!