Прискорення сайтів на Wordpress

1. Джерела проблем зі швидкістю WordPress
2. серверна продуктивність
3. клієнтська продуктивність
4. Шляхи вирішення проблем швидкості сайту на WordPress
5. Серверне прискорення WordPress
6. Клієнтське прискорення сайтів на WordPress
7. Основні висновки

к.е.н. Лавлинский Н. Е., технічний директор ТОВ «Метод Лаб»

Сайти, побудовані на основі WordPress - часті гості за послугою «прискорення сайтів» в компанії Метод Лаб. У цій статті розглянемо основні проблемні напрямки таких сайтів і способи вирішення проблем.

Джерела проблем зі швидкістю WordPress

Отже, звідки беруться повільні сайти на WordPress? Якщо коротко: сайти на WordPress повільні за замовчуванням. Тобто, щоб отримати швидкий сайт, необхідно приймати велику кількість заходів щодо прискорення. Причин тому кілька: низька кваліфікація розробників сайтів, використання готових шаблонів (тем), відсутність поінформованості про технології прискорення сайтів.

серверна продуктивність

Почнемо з серверної частини. Щоб показати сторінку в браузері, потрібно отримати як мінімум її HTML-код. Час генерації HTML-коду сторінки обмежує знизу час завантаження сторінки. У більшості сайтів на WordPress час генерації може перевищувати 1 секунду, що недозволено багато. І це для звичайних сторінок, якщо брати складні випадки (результати пошуку, фільтри і так далі), час генерації може становити 2-60 секунд. У такій ситуації прискорення сайту має починатися саме з радикального скорочення часу отримання HTML.

Решта аспекти серверної оптимізації також актуальні (кешируєтся заголовки, стиснення тестових даних і так далі), але вони відносяться до налаштування хостингу а не до особливостей WordPress.

клієнтська продуктивність

Велика кількість проблем зі швидкістю сайту відноситься до клієнтської частини. Сайт з точки зору розробника складається з шаблонів, контента і віджетів. Шаблони в свою чергу складаються з областей (наприклад, header, footer і так далі). Тому, найважливіші частини для оптимізації швидкості це частини шаблону, які повторюються на багатьох сторінках сайту.

Які проблеми ми зазвичай спостерігаємо? По-перше, це велика кількість CSS-файлів. Частина з них відносяться до стилям теми, частина - до JS-плагинам. Часто ці CSS не мініфіціровани, а іноді взагалі не потрібні (не використовуються на сторінці). Так як будь-який CSS-файл є блокуючим для рендеринга сторінки, це призводить до серйозних проблем швидкості завантаження сайту.

По-друге, більшість тем сайтів на WordPress насичені JS-кодом, який розташований в безлічі невеликих файлів. Як правило, присутня бібліотека jQuery і якась кількість плагінів до неї. JS-файли також є блокуючими при рендеринге сторінки, а також вимагають помітного часу на компіляцію (особливо для мобільних пристроїв).

По-третє, сьогодні більшість сучасних сайтів використовують підключення веб-шрифти. З нашого досвіду, розробники часто користуються сервісом Google Fonts, який динамічно формує CSS і файли шрифтів. З точки зору швидкості завантаження сайту цей підхід має ряд недоліків: потрібно створювати окреме з'єднання з серверами Google, додається запит на один або кілька CSS, додається клієнтська точка відмови (frontend SPOF).

По-четверте, велику частину контенту сучасних сайтів складають зображення. При цьому, часто оптимізація їх за розміром не проводиться. Основні проблеми: надто високий показник якості для JPEG, використання формату PNG замість JPEG, наявність зайвих даних в файлах. Однією з причин великого розміру файлів зображень може бути некоректна настройка розмірів і якості в налаштуваннях плагіна фотогалерей.

Шляхи вирішення проблем швидкості сайту на WordPress

Прискорення сайту на WordPress також можна розділити на серверну і клієнтську частину.

Серверне прискорення WordPress

Основним заходом по серверному прискоренню є підбір якісного хостингу. Другим кроком буде підключення модуля для кешування Total Cache, що дозволяє ефективно скорочувати час віддачі HTML. Решта рекомендації носять загальний характер оптимізації налаштувань Nginx, Apache, PHP, MySQL.

Клієнтське прискорення сайтів на WordPress

Для клієнтських оптимізацій актуальні всі звичайні рекомендації щодо прискорення сайтів. Крім цього, можна використовувати спеціалізований плагін Autoptimize. Цей плагін дозволяє об'єднувати CSS і JS-файли, проводити їх мініфікацію. Також для JS-коду є можливість переносити його вниз коду, знижуючи вплив на блокування рендеринга сторінки. При цьому, часто в шаблоні теми є безліч невикористовуваних JS-плагінів. Тому, перед підключенням плагіна Autoptimize варто перевірити всі плагіни і прибрати непотрібні (включаючи CSS від них). Для вирішення інших проблем можна застосовувати звичайні рекомендації щодо прискорення сайтів: оптимізація зображень, локальна завантаження шрифтів і так далі.

Основні висновки

Незважаючи на великий список проблем зі швидкістю, отримати швидкий сайт на WordPress цілком реально. Для досягнення цієї мети потрібно застосовувати як специфічні для WordPress кошти прискорення, так і стандартні інструменти.

за професійним прискоренням сайтів на WordPress і не тільки звертайтеся до нас.