10 практичних порад та рекомендацій щодо покращення продуктивності веб-сайтів на базі WordPress

Оптимізація ключових налаштувань та коду

Швидкий веб-сайт на базі WordPress починається з його основних компонентів. За рахунок налаштувань та оптимізації коду можна ефективно зменшити навантаження на сервер та прискорити час завантаження сторінок.

Виберіть правильну послугу хостингу.

Хостингові послуги для веб-сайтів є основою їхньої продуктивності. Використовуйте їх для забезпечення надійної та ефективної роботи вашого сайту.wp-config.phpФайли можна трохи оптимізувати, але ще важливіше – обрати високоякісний хостинг, наприклад, хостинг, спеціально адаптований під WordPress, VPS чи хмарний сервер. Хоча хостинг типу “шаровий хостинг” (shared hosting) є дешевшим, під час пікового навантаження він часто стикається з проблемами з ресурсами, що призводить до сповільнення роботи веб-сайту.

Увімкніть механізм кешування об’єктів.

Вбудована функція кешування об’єктів у WordPress дозволяє тимчасово зберігати результати запитів до бази даних. При кількох запитах на одні й ті самі дані вони можуть бути отримані безпосередньо з кешу, що уникає необхідності повторних запитів до бази даних. Ви можете увімкнути постійне кешування об’єктів, встановивши відповідні плагіни (наприклад, Redis Object Cache), що особливо ефективно для веб-сайтів з високим обсягом трафіку.wp-config.phpДодавши наступний код, можна визначити з’єднання до кеш-системи Redis:

Рекомендуємо до прочитання. Посібник з оптимізації WordPress: 20 необхідних порад від початківця до експерта。

define( 'WP_REDIS_HOST', '127.0.0.1' );
define( 'WP_REDIS_PORT', 6379 );

Очищення бази даних та оновлення версій

Згодом у базі даних WordPress накопичується велика кількість зайвих даних – версії статей, чернетки, непотрібні коментарі тощо. Ці дані можуть сповільнювати швидкість виконання запитів до бази даних. Для її оптимізації рекомендується регулярно використовувати плагіни для очищення або вручну виконувати SQL-запити. Крім того, ви можете виконати додаткові кроки для покращення ефwp-config.phpДодати до спискуWP_POST_REVISIONSКонстанти використовуються для обмеження або заборони змін версій статей:

UltaHost – хостинг для сайтів, побудованих на платформі WordPress

Гарантія повернення грошей протягом 30 днів, необмежена пропускна здатність мережі та доступ до баз даних, безкоштовний захист від DDoS-атак; знижка 50% при покупці на термін 3 роки (варіанти об’ємів трафіку: 4 ТБ/5

сторінка доступу

define( 'WP_POST_REVISIONS', 3 ); // 将修订版本数量限制为3个

Налаштування ефективної стратегії кешування.

Кешування є одним із найефективніших способів підвищення швидкості роботи WordPress. Воно зменшує обсяг обробки даних під час створення динамічних сторінок, зберігаючи їх статичні копії у пам’яті комп’ютера.

Використовуйте плагіни для кешування сторінок.

Плагіни кешування сторінок (наприклад, WP Rocket, W3 Total Cache або WP Super Cache) дозволяють створювати статичні HTML-файли веб-сайту. Коли користувач здійснює запит, сервер надсилає ці статичні файли безпосередньо, замість того щоб щоразу виконувати PHP-код та запити до бази даних. Після встановлення та належного налаштування таких плагінів ви помітите значне скорочення часу завантаження сторінки (зокрема, часу, необхідного для отримання перших байтів вмісту сторінки – TTFB – Time To First Byte).

Браузерне кешування та позначки закінчення терміну дії (expired headers)

Налаштування кешу браузера дозволяє браузеру відвідувача зберігати статичні ресурси (наприклад, зображення, файли CSS, JavaScript) локально, що усуває необхідність їх повторного завантаження під час наступних відвідин сайту. Це зазвичай можна зробити, розмістивши відповідні файли у кореневому каталозі сайту..htaccessДодайте правила до файлу для реалізації цього.

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Реалізація кешування операційних кодів

Для PHP-коду можна використовувати кешування за допомогою операційних кодів (наприклад, OPcache) для підвищення ефективності виконання. OPcache зберігає байт-код попередньо скомпільованих PHP-скриптів у пам’яті, що уникає необхідності їх повторного завантаження та компіляції з кожним запитом. Рекомендується увімкнути та налаштувати OPcache на хост-сервері для отримання найкращого використання пам’яті та рівня відтворення скриптів.

Рекомендуємо до прочитання. Навіщо оптимізувати веб-сайт WordPress?。

Оптимізація зображень та статичних ресурсів

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

Стиснення та зміна розмірів зображень

Перед завантаженням зображень їх слід скоротити за допомогою спеціальних інструментів (наприклад, TinyPNG, ShortPixel) або використовувати автоматизовані плагіни у WordPress (наприклад, Imagify, EWWW Image Optimizer) для миттєвого оптимізації якості зображень. Крім того, обов’язково завантажуйте зображення у відповідному розмірі, який буде використовуватися на веб-сторінці, щоб уникнути необхідності їх масштабування за допомогою CSS.add_image_size()Функції допомагають створювати зображення у різних розмірах для скорочених версій файлів (світлин).

Затримка завантаження некритичного вмісту

Технологія затриманого завантаження (Lazy Load) дозволяє завантажувати зображення, відео чи іфрейми на сторінці лише тоді, коли вони опиняються поблизу області, яка відображається на екрані (вікні перегляду). Це значно зменшує обсяг даних, необхідних для завантаження початкової сторінки. Багато сучасних тем та плагінів для кешування вже мають цю функцію вбудовано; крім того, ви можете використовувати спеціальні плагіни, такі як “Lazy Load by WP Rocket”, щоб її активувати.

hosting.com Віртуальний хостинг

Висока продуктивність завдяки процесорам AMD EPYC, SSD-накопичувачам NVMe і технології LiteSpeed, цілодобова експертна підтримка, розширені заходи безпеки, включаючи SSL, грубу силу, захист від шкідливих програм і DDoS, економія до 73%.

сторінка доступу

Об’єднання та мінімізація CSS/JS-файлів

Зменшення кількості HTTP-запитів є золотим правилом оптимізації продуктивності. Це можна досягти шляхом об’єднання кількох файлів CSS та JavaScript, а також видалення з них зайвих пробілів та коментарів (мінімізації їх об’єму). Для цього часто використовуються плагіни кешування. Під час ручної оптимізації можна скористатися інструментами збірки коду, такими як Webpack, але потрібно звертати увагу на порядок об’єднання файлів, щоб не порушити залежності між скриптами.

Використання мережі CDN (Content Delivery Network) та зовнішніх сервісів

Мережі розподілу контенту (CDN) та спеціалізовані зовнішні сервіси допомагають розподілити навантаження з вашого основного сервера, що прискорює доступ користувачів по всьому світу.

Розгортання глобальної мережі CDN (Content Delivery Network)

CDN (Content Delivery Network) забезпечує кешування ваших статичних ресурсів (зображень, CSS-файлів, JS-коду) на серверах, розташованих у різних частинах світу. Це дозволяє користувачам отримувати ці дані з найближчого до них сервера, що значно зменшує час завантаження веб-сторінок. Популярні сервіси CDN, такі як Cloudflare та KeyCDN, пропонують способи легкої інтеграції з системою WordPress. Після налаштувань адреси ваших статичних ресурсів зазвичай змінюються на доменні імена цих сервісів CDN.

Рекомендуємо до прочитання. 10 порад щодо оптимізації продуктивності веб-сайтів на WordPress та практичних рекомендацій。

Хостинг відео та великих файлів

Уникайте безпосереднього завантаження великих відеофайлів у медіабазу WordPress, адже це може швидко вичерпати пропускну здатність сервера та об’єм доступного місця для зберігання даних. Краще використовувати такі професійні відеоплатформи, як YouTube чи Vimeo, для розміщення відео, а потім вставляти їх на ваш веб-сайт за допомогою відповідного коду. Для PDF-файлів та інших великих файлів, які потрібно завантажувати користувачам, можна скористатися сервісами, такими як Amazon S3 чи Google Cloud Storage.

Використання зовнішніх сервісів для роботи з фонтами

Використання власних шрифтів (особливо з бібліотеки Google Fonts) призводить до додаткових HTTP-запитів, що може сповільнювати процес відображення веб-сторінок. Оптимальним рішенням є використання системного набору шрифтів як запасного варіанту або локалізація файлів шрифтів на сервері. Якщо використання зовнішніх сервісів є необхідним, переконайтеся, що вихідні дані шрифтів були попередньо завантажені за дfont-display: swap;Використовуйте відповідні атрибути, щоб уникнути проблем з невидимістю тексту (FOIT – “Font Out of Image”).

Міжсерверний віртуальний хостинг

Віртуальний хостинг $2.50 USD на місяць, перший місяць $0.1 USD за промокодом tryinterserver, 461 скрипт хмарних додатків, встановлення в один клік.

сторінка доступу

підсумок

Покращення продуктивності веб-сайту на базі WordPress є системним процесом, який включає в себе аспекти сервера, коду, ресурсів та стратегій доставки контенту. Від вибору високоякісного хостингу та увімкнення багатошарового кешування до оптимізації кожного зображення та кожного скрипту – кожен крок може позитивно вплинути на швидкість роботи сайту. Ключовими моментами є постійний моніторинг (за допомогою інструментів на кшталт GTmetrix чи PageSpeed Insights) та ітеративне вдосконалення, оскільки оновлення контенту та технологій можуть призвести до появи нових проблем з продуктивністю. Дотримуючись цих десяти порад та найкращих практик, ви зможете створити веб-сайт на WordPress, який буде швидким, плавно функціонувати та забезпечувати відмінний користувацький досвід.

Часті запитання

Що робити, якщо після увімкнення кешу вміст веб-сайту не оновлюється?

Це поширене явище для механізмів кешування. Більшість плагінів для кешування надають можливість видалити кеш або оновити його; ви можете виконати це вручну після оновлення статті, сторінки чи теми. Деякі більш складні плагіни також дозволяють налаштувати правила автоматичного видалення кешу для певних сторінок.

Як перевірити швидкість мого веб-сайту, створеного на платформі WordPress?

Рекомендується використовувати кілька інструментів для комплексного тестування. Google PageSpeed Insights надає ключові показники та рекомендації щодо користувацького досвіду; GTmetrix показує детальні графіки процесу завантаження сторінки та оцінки її продуктивності; Pingdom Tools дозволяє тестувати швидкість завантаження з різних місць по всьому світу. Регулярні тести допомагають виявляти проблеми з погіршенням продуктивності сайту.

Після оптимізації швидкість сайту все ще дуже низька. Які можуть бути причини?

Якщо після впровадження базових оптимізацій швидкість роботи системи все ще не є задовільною, може знадобитися більш детальне розслідування проблеми. Можливі причини включають: недостатні ресурси хост-сервера (процесор, оперативна пам’ять, операції введення-виведення даних); наявність у плагінах неефективного коду або конфліктів між різними компонентами системи; надмірно великі розміри таблиць у базі даних чи їх неналежне оптимізування; або наявність у темах системи занадто багато невикористовуваних функцій та скриптів. Рекомендується використовувати плагіни для моніторингу запитів до бази даних (

Чи обов’язково всі зображення мають бути скомпресовані?

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