Базова оптимізація сайту на WordPress для клінінгової компанії

Escarraga’s Luxury Cleaning — це компанія, яка надає послуги з прибирання найвищої якості, перевершуючи очікування клієнтів. Одного разу вони звернулися до нас для оптимізації сайту. Розглянемо причини оптимізації та яких результатів ми досягли.

Наші WordPress-розробники негайно перевірили веб-сайт і виявили деякі проблеми з функціональністю. На деяких сторінках не працювала кнопка мобільного меню. Крім того, під час аудиту були виявлені проблеми з продуктивністю та швидкістю завантаження. Продуктивність на мобільних пристроях за даними Google PageSpeed Insights склала 27 балів, а на настільних – 56 балів. Крім того, параметри Core Web Vitals були дуже низькими. Це були основні причини для оптимізації сайту. Розглянемо, як наші розробники проводили оптимізацію і яких результатів вдалося досягти.

Оскільки блок Hero був створений як слайдер, завантаження зайняло близько півтори секунди. При відкладеному завантаженні скриптів блок відображався так само. Ми оновили код, щоб під час завантаження слайдера відображати легке фонове зображення.

Через затримку завантаження скриптів значок меню більше не відображався в мобільній версії. Ми реалізували відображення меню перед завантаженням основних скриптів. Оскільки контент сайту створено за допомогою Elementor, Google PageSpeed ​​коментує та знижує оцінки Largest Contentful Paint через великий розмір DOM.

Наша компанія рекомендує своїм клієнтам перевірені інструменти та плагіни. В рамках базової оптимізації ми встановили:

• Perfmatters;
• WP Rocket;
• Webp Express.

Perfmatters — це преміальний плагін WordPress, який використовується для вимкнення непотрібних функцій. Невикористовувані опції уповільнюють ваш сайт. Webp Express — це плагін, який автоматично перетворює завантажені зображення у формат Webp. Це сучасний формат зображень, вони легкі та швидко завантажуються. WP Rocket — це плагін, який використовується для налаштування кешування.

Код є основою будь-якого сайту. Неоптимізована база даних негативно впливає на швидкість завантаження сторінки. Наші розробники веб-сайтів WordPress скоротили CSS і JS. Мініфікація — це процес видалення з коду зайвих пробілів, символів тощо. Після мініфікації браузеру легше індексувати сайт, тобто він швидше завантажується.

У рамках базової оптимізації наші WP-розробники реалізували відкладене завантаження зображень. Це дозволяє завантажувати не всі картинки відразу, а по одній. Завантаження відбувається, коли користувач прокручує зображення. Це знижує навантаження на сервер, і сайт працює в рази швидше. Iframe дозволяє завантажувати зображення з інших джерел.

Правильно налаштоване кешування дозволяє повторно відкрити сайт за частку секунди. Наші розробники WordPress увімкнули та налаштували кешування. Це дозволило покращити користувацький досвід.

Після оптимізації ми завжди повторно перевіряємо сайт за допомогою сервісів Google Pagespeed Insights і GTmetrix. Давайте детальніше розглянемо показники продуктивності:

Як бачимо, продуктивність мобільної та комп’ютерної версій значно покращилася. Для зручного порівняння показників до і після ви можете переглянути результати в таблиці.

Timely optimization is a necessity for the smooth operation of the site. If the site is optimized, not only the user experience improves, but also the SEO. If you want to receive a free audit and report on your website, write to us. Our WordPress website developers will identify performance issues, if any, and find a solution.