ПОЗВОНИТЬ

Як прискорити роботу вашого сайту WordPress

Як прискорити роботу вашого сайту WordPress

Повільні веб-сайти aWordPress-звичайна проблема.

Ось наприклад сторінки в PageSpeed Insights для мобільних пристроїв.

 

 

 

Якщо ми запустимо весь веб-сайт через аудит сайту Ahrefs, який показує час завантаження сторінки для всіх сторінок, ми побачимо, що це не єдина сторінка, яка повільно завантажується. Майже ніхто не завантажується так швидко, як середній час завантаження 570 мс.

 

 

 

Ось та ж сама сторінка приблизно через 20 хвилин оптимізації швидкості завантаження сторінки:

 

 

 

Різниця істотна. Оцінка PageSpeed Insights майже ідеально точна, і кожна сторінка завантажується досить швидко. У цьому посібнику ми покажемо вам, як саме це робиться, за кілька простих і легких кроків.

 

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

Переключіть DNS-провайдерів на Cloudflare

Встановіть плагін кешування

Скоротіть свій код

Об'єднайте файли CSS і JavaScript

Усунення ресурсів, що блокують рендеринг

Лінива завантаження зображень і відео

Оптимізувати шрифти Google

Включити попереднє завантаження

Використовуйте CDN

Оптимізуйте свої зображення

 

Важливо!

 

Багато з рекомендованих нижче оптимізацій використовують WPRocket, платний плагін для прискорення вашого сайту WordPress. Ми намагаємося згадувати і безкоштовні альтернативи, де це можливо, але важливо відзначити, що плагіни іноді можуть конфліктувати один з одним і викликати проблеми. Ви завжди повинні перевіряти, як вони впливають на ваш сайт в тестовому середовищі, перш ніж вносити будь-які зміни в ваш діючий сайт.

 

Більш конкретно по декількох етапах:

 

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

 

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

 

Переключіть DNS-провайдерів на Cloudflare

 

Веб-сайти-це файли на жорстких дисках (серверах), підключених до Інтернету. І кожен пристрій, підключений до Інтернету, має IP-адресу (наприклад, 123.123.12.1). Оскільки IP-адреси складно запам'ятати, доменні імена зіставляються з IP-адресами за допомогою DNS, що означає система доменних імен. Ви можете сприймати це як телефонну книгу в Інтернеті. Коли ви вводите домен в свій браузер, виконується пошук в DNS, щоб знайти IP-адресу сервера. Але ось у чому справа: більшість людей користуються безкоштовними постачальниками DNS від свого реєстратора доменів, що зазвичай працює повільно. Якщо це ви, перейдіть на більш швидкого DNS-провайдера, такого наприклад як Cloudflare. Для цього зареєструйтеся в безкоштовному обліковому записі Cloudflare. Натисніть "Додати сайт", введіть ім'я свого домену та натисніть кнопку.

 

Встановіть плагін кешування

 

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

 

Є два основних типи:

 

Кешування в браузері: зберігає" загальні " файли, такі як Логотипи, на жорсткому диску користувачів, тому їм не потрібно повторно завантажувати їх при повторних відвідуваннях.

Кешування на сервері: зберігає повністю побудовану,» статичну " версію сторінки на сервері, тому її не потрібно перебудовувати кожен раз, коли її запитує новий відвідувач.

 

Wp Rocket спрощує включення кешування. Просто купуйте, встановіть і активуйте його. Базове кешування (сервер і браузер) за замовчуванням включено. Якщо ваш сайт не відгукується, перейдіть в Налаштування кешування і встановіть прапорець, щоб включити кешування і для мобільних пристроїв.

 

Скоротіть свій код

 

Скорочення видаляє прогалини і коментарі з коду, щоб зменшити розмір файлу. А файли меншого розміру скорочують час завантаження.

 

 

 

Об'єднайте файли CSS і JavaScript

 

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

 

Об'єднання цих файлів може прискорити процес, але це залежить від налаштувань вашого сервера.

З HTTP / 1.1 файли CSS і JavaScript завантажуються послідовно. Це означає, що один файл повинен повністю завантажитися, перш ніж почнеться завантаження наступного.

З HTTP / 2 файли завантажуються одночасно. Це означає, що кілька файлів CSS і JavaScript можуть почати завантажуватися одночасно.

Якщо ваш сервер використовує HTTP / 1.1, об'єднання файлів прискорює роботу, так як потрібно завантажувати менше файлів. Якщо він використовує HTTP / 2, об'єднання файлів не обов'язково буде мати велике значення, тому що файли в будь-якому випадку можуть завантажуватися одночасно.

 

Усунення ресурсів, що блокують рендеринг

 

Рендеринг-це процес перетворення коду на видиму веб-сторінку. Ключове слово тут « "видимий", тому що не завжди веб-сторінка повинна повністю завантажуватися, перш ніж вона стане видимою. З цієї причини має сенс віддавати пріоритет завантаженню ресурсів контенту, що знаходиться у верхній частині сторінки. Ви можете зробити це, відклавши завантаження некритичних файлів CSS і JavaScript, необхідних для вмісту "в нижній частині сторінки", на більш пізній час. Для цього в WPRocket встановіть прапорці» завантажити Відкладений JavaScript «і»оптимізувати доставку CSS".

 

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

 

МАЄТЕ ПИТАННЯ?