6 кроків для прискорення веб-сайту WordPress
Всім відомо, що швидкість сайту відіграє важливу роль з точки зору успіху веб-сайту. Більше ваш сайт завантажується швидко, більше користувачів взаємодіє з вашим вмістом. У цій статті ми покажемо вам 6 кроків для прискорення веб-сайту WordPress.
Стандартний час завантаження вашого сайту становить менше 2 секунд. Якщо завантаження вашого сайту займає більше 2 секунд, ви робите щось не так.
Існує кілька онлайн-інструментів для перевірки швидкості вашого веб-сайту, таких як пінгдом тощо. Але я б рекомендував перевірити ваш веб-сайт на Google Page Insights. З мого досвіду, цей інструмент дає кращий результат. Google Page Insights показує, що вас відволікає, через що ваш сайт завантажується повільно.
Давайте подивимося покроковий процес покращення продуктивності та швидкості роботи сайту. Нижче наведено знімок екрану оцінки мого веб-сайту в Google Page Insight.
Крок 1- Включіть CSS та JS стандартним способом
Ви коли-небудь помічали повідомлення Render, яке блокує JavaScript та CSS у вмісті, що знаходиться вгорі сторінки? Якщо у вас немає стандартних стандартів CSS та JS, це може сповільнити роботу вашого сайту. Як правило, CSS повинен містити заголовок, а JS – нижній колонтитул. Ви повинні подбати про свій веб-сайт, дотримуючись цієї стандартної практики.
Крок 2 – Оптимізуйте зображення перед використанням
Зображення відіграють важливу роль у покращенні взаємодії з користувачами. Привертаючі увагу спонукають користувачів залучитись до вмісту. Але використання важких зображень майже вбиває швидкість веб-сайту. Наприклад, ви завантажили на сайт зображення розміром 2 МБ, тоді під час завантаження сторінки цей 2 МБ вимагає додаткового часу для завантаження зображення, перш ніж представляти свою сторінку аудиторії.
Ось концепція оптимізації зображень перед використанням. Доступно кілька плагінів, які виконують це завдання стиснення зображень із вашої медіатеки. Деякі популярні плагіни
- Стискати зображення у форматі JPEG та PNG ByTinyPNG
- Оптимізатор зображень ShortPixel
- Смутне стиснення та оптимізація зображень
- EWWW Image Optimizer
Усі ці плагіни працюють добре. Я б порекомендував використовувати плагін TinyPNG. Я використовую цей плагін для свого веб-сайту, і я цілком ним задоволений.
У деяких випадках нам потрібно відображати зображення поза медіатекою. Ми створюємо власний каталог і завантажуємо в нього зображення, а потім використовуємо ці зображення на веб-сайті. Я написав статті про Optimize Image On Upload та TinyPNG Compress Images. Зверніться до цих статей, якщо ви не використовуєте медіатеку для зображень.
Порада. Обріжте зображення розміру, який потрібно відобразити. Скажімо, у вас є контейнер розміром 300 * 250. У цьому випадку слід обрізати зображення відповідно до розміру контейнера. Не використовуйте зображення більшого розміру в невеликому контейнері. Це також впливає на продуктивність сайту.
Крок 3- Ледаче завантаження зображень
Lazy Load Images допомагає пришвидшити роботу вашого веб-сайту. Використовуючи плагін для ледачого завантаження, ваші зображення не завантажуються, поки користувач не прокрутить до них. Це допомагає зменшити розмір вашої сторінки під час завантаження.
Якщо ви хочете реалізувати образи з ледачим завантаженням без використання плагіна, прочитайте нашу статтю про покращення продуктивності веб-сайтів за допомогою ледачого завантаження зображень .
Крок 4- Оптимізуйте базу даних
Оскільки розмір вашої бази даних невеликий, ваш сервер швидко реагує на запит бази даних, що надходить із веб-сайту. Як тільки ваша база даних почне збільшуватися, ваш сервер потребує більше часу, щоб відповісти.
У WordPress з часом проходить кілька даних-сиріт, що зберігаються у вашій базі даних. Наприклад, коли ви оновлюєте публікацію або сторінку, кожен раз, коли WordPress зберігає версію у базі даних. Я хотів би зберегти лише останні 3 версії, яких цілком достатньо. Щоб тримати виправлення до 3 разів, вам потрібно розмістити наведений нижче код у файлі wp-config.php.
define('WP_POST_REVISIONS', 3);Над кодом обмежте кількість версій. Є деякі інші таблиці, які також слід оптимізувати. Я рекомендую використовувати плагіни WP-DBManager або WP-Sweep для оптимізації вашої бази даних.
Крок 5- Використання кешу
Завдяки інженерам, які представили концепцію кешу браузера. Коли користувач відвідує ваш веб-сайт, браузер користувача зберігає вашу сторінку в місці тимчасового зберігання браузера. Коли користувач відвідує веб-сайт наступного разу, браузер представляє сторінку користувачам з останнього збереженого кешу, замість того, щоб завантажувати цілу сторінку знову. Це зменшує використання смуги пропускання як на стороні користувача, так і на сервері. Використання кешу для вашого веб-сайту різко прискорює веб-сайт WordPress. Деякі з популярних плагінів кешу є такими.
Крок 6. Використовуйте кешування браузера
Коли ви використовуєте кешування браузера, файли веб-сторінок зберігатимуться в кеші браузера. Ваші сторінки завантажуватимуться набагато швидше для постійних відвідувачів. Додайте наступний код у файл htaccess вашого сайту, і це дозволить вам кешувати браузер.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Примітка. У WordPress деякі плагіни використовують зовнішні ресурси. Ми не можемо встановити заголовки термінів дії на цих зовнішніх ресурсах. Один із способів – зберегти ці зовнішні файли на своєму сервері, а потім включити їх на свій веб-сайт.
Сподіваюся, ви розумієте, як прискорити веб-сайт WordPress. Якщо я щось пропустив або ви використовуєте інші методи, будь ласка, поділіться з ними в коментарях нижче.