Як встановити та налаштувати WP Rocket (з рекомендованими налаштуваннями)

Хіба це не засмучує, коли ти клацаєш на веб-сайті, чекаєш і чекаєш те, що здається вічно, і ти натискаєш кнопку «Назад» із розчарування? Правда в тому, що мало що дратує відвідувачів сайту більше, ніж a повільне завантаження сайту і ось де WP Rocket входить

Про це йдеться в дослідженні Forrester Consulting «47% споживачів очікують, що веб-сторінка завантажиться за дві секунди або менше».

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

Добре те, що є способи прискорити час завантаження веб-сайту, особливо якщо веб-сайт працює на основі WordPress. Оскільки тут я збираюся розповісти вам, як почати WP Rocket (і так, це плагін, який я використовую для прискорення свого веб-сайту).

Ось що ви дізнаєтеся з цієї публікації:

Як завантажити та встановити WP Rocket
Як налаштувати WP Rocket за допомогою рекомендованих налаштувань
Де отримати допомогу та знайти офіційну документацію

Що таке WP Rocket?

WP Rocket є премією WordPress плагін кешування, який надзвичайно ефективно прискорює час завантаження вашого веб-сайту.

Плани та ціни WP Rocket:

$ 49 / рік – 1 рік підтримки та оновлень для Веб-сайт 1.
$ 99 / рік – 1 рік підтримки та оновлень для сайти 3.
$ 249 / рік – 1 рік підтримки та оновлень для необмежена кількість веб-сайтів.

На відміну від більшості інших WordPress кешування плагіни, які відомі тим, що наповнені заплутаними параметрами та налаштуваннями. Дізнайтеся більше про WP Rocket і дізнайтеся про деякі з них найкращі безкоштовні альтернативи WP Rocket.

1. Завантажте та встановіть WP Rocket

Спочатку перейдіть до Веб-сайт WP Rocket і придбати WordPress плагін.

Виберіть план, який вам найкраще підходить, і виконайте необхідні кроки, щоб розмістити замовлення.

Далі вам буде надіслано електронний лист із інформацією для входу у ваш обліковий запис на wp-rocket.me. Зайдіть, увійдіть і ввійдіть "мій рахунок" ви знайдете посилання для завантаження. Завантажте та збережіть файл zip на свій комп’ютер.

Далі увійдіть до свого WordPress сайт і перейдіть до Плагіни –> Додати новий –> Завантажити плагін.

Просто завантажте та встановіть архівну версію WP Rocket.

Нарешті активуйте WP Rocket, і плагін встановлено. ура!

2. Найкращі та рекомендовані налаштування WP Rocket

Тепер настав час налаштувати WP Rocket відповідно до рекомендованих параметрів.

Спочатку перейдіть до Налаштування –> WP Rocket, і ви перейдете на сторінку налаштувань плагіна. Є 10 вкладок або розділів, які вам потрібно буде налаштувати та налаштувати параметри для:

Інформаційна панель (вкладка за замовчуванням)
Налаштування кешу
Налаштування оптимізації файлів CSS і JS
Налаштування медіа
Налаштування попереднього завантаження
Розширені налаштування правил
Настройки бази даних
Налаштування CDN
Додатки (Cloudflare)
Tools

Бонус: Налаштування WP Rocket для HTTP/2
Бонус: Використання WP Rocket із KeyCDN
Бонус: Які веб-хостинги сумісні та працюють із WP Rocket?
Бонус: Завантажте мій файл конфігурації WP Rocket

Тепер давайте налаштуємо рекомендовані параметри для WP Rocket для кожного з 10 розділів.

Приладова панель WP Rocket

Інформаційна панель надає вам інформацію про вашу ліцензію та термін її дії. Ви також можете взяти участь у програмі Тестер ракет (програма бета-тестування) і Ракетна аналітика (дозволити WP Rocket збирати дані анонімно). Тут ви також знайдете посилання на підтримку та поширені запитання про WP Rocket.

На інформаційній панелі ви можете Видалити всі кешовані файли (рекомендується зробити після завершення налаштування параметрів WP Rocket), Розпочати попереднє завантаження кешу (генерує кеш для вашої домашньої сторінки та всіх внутрішніх посилань на домашній сторінці) і Очистити OPcache Вміст (очищає OPcahce, що запобігає проблемам під час оновлення плагіна WP Rocket).

Налаштування кешу WP Rocket

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

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

2. Увімкніть кешування для авторизованих користувачів WordPress користувачі, це рекомендовано активувати, лише якщо у вас є членський сайт, або подібне, коли користувачі повинні увійти, щоб переглянути вміст.

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

Збережіть і перевірте, ретельно! Вимкніть налаштування, якщо ви помітили щось несправне на вашому веб-сайті.

Налаштування оптимізації файлів CSS і JS WP Rocket

Зменшення файлів зменшує розміри файлів і може покращити час завантаження. Мінімізація видаляє пробіли та коментарі зі статичних файлів, дозволяє браузерам і пошуковим системам швидше обробляти файли HTML, CSS і JavaScript.

Поєднання файлів об’єднає файли в менші групи, щоб забезпечити сумісність тем/плагінів і кращу продуктивність. Однак примусове об’єднання лише в один файл не рекомендується, оскільки браузери швидше завантажують до 1 менших файлів паралельно, ніж 6-1 великі файли.

Об’єднання CSS і JS у меншу кількість файлів вважається найкращою практикою для HTTP/1, це не обов’язково стосується HTTP/2. Якщо ваш сайт працює на HTTP/2, ось що вам слід враховувати налаштування WP Rocket для HTTP/2.

1. Згорніть файли HTML видалить пробіли та коментарі, щоб зменшити розмір веб-сторінок на вашому сайті.

2. Комбінуйте Google Файли шрифтів зменшить кількість запитів HTTP (особливо якщо ви використовуєте кілька шрифтів).

3. Видаліть рядки запиту зі статичних ресурсів може покращити оцінку продуктивності GT Metrix. Цей параметр видаляє рядок запиту версії зі статичних файлів (наприклад, style.css?ver=1.0) і кодує його в назві файлу (наприклад, style-1-0.css).

4. Зменште файли CSS видалить пробіли та коментарі, щоб зменшити розмір файлу таблиці стилів.

5. Об'єднайте файли CSS об’єднує всі ваші файли в один файл, що зменшить кількість запитів HTTP. Не рекомендується, якщо ваш сайт використовує HTTP/2.

Важливо: Це може зламати речі! Якщо ви помітили будь-які помилки на своєму веб-сайті після активації цього параметра, просто вимкніть його знову, і ваш сайт повернеться до нормального стану.

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

Критичний шлях CSS означає, що ваша сторінка почне завантажуватися без усіх стилів CSS. Це означає, що він може виглядати трохи дивно протягом кількох моментів під час завантаження.

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

Для створення критичного шляху CSS ви можете використовувати цей інструмент генератора CSS критичного шляху.

7. Зменште файли JavaScript видаліть пробіли та коментарі, щоб зменшити розмір файлів JS.

8. Об’єднайте файли JavaScript об’єднайте менше файлів інформації JavaScript вашого сайту, зменшивши кількість запитів HTTP. Не рекомендується, якщо ваш сайт використовує HTTP/2.

9. Відкладено завантаження JavaScript усуває на вашому сайті JS, що блокує візуалізацію, і може зменшити час завантаження. Це щось Google PageSpeed Insights враховує швидкість підрахунку сторінки.

10. Безпечний режим для JQuery забезпечує підтримку вбудованих посилань jQuery з тем і плагінів, завантажуючи jQuery у верхній частині документа як сценарій, що блокує рендеринг.

Параметри WP Rocket Media

1. Відкладене завантаження зображень означає, що зображення завантажуватимуться лише тоді, коли вони входять (або збираються увійти) у вікно перегляду, тобто завантажуються лише тоді, коли користувач прокручує сторінку вниз. Відкладене завантаження зменшує кількість HTTP-запитів, що може зменшити час завантаження.

(Іноді я вимикаю відкладене завантаження зображень лише тому, що коли ввімкнено відкладене завантаження, зв'язку вказуючи на позицію під відкладено завантаженим зображенням, прокручується до неправильної позиції веб-сторінки)

2. Відкладене завантаження фреймів і відео означають, що iframe та відео будуть завантажені лише тоді, коли вони входять (або збираються увійти) у вікно перегляду, тобто завантажуються лише тоді, коли користувач прокручує сторінку вниз. Відкладене завантаження зменшує кількість HTTP-запитів, що може зменшити час завантаження.

3. Замініть iframe YouTube на зображення попереднього перегляду може значно скоротити час завантаження, якщо на сторінці багато відео YouTube.

Lazyload можна вимкнути на окремих сторінках/дописах (це налаштування можна знайти на бічній панелі дописів/сторінок)

4. Вимкніть Emoji має бути вимкнено, оскільки замість завантаження емодзі з веб-переглядача відвідувачів слід використовувати емодзі за замовчуванням WordPress.org. Вимкнення кешування емодзі зменшує кількість HTTP-запитів, що може зменшити час завантаження.

6. WordPress вставляє слід вимкнути, оскільки це заважає іншим вставляти вміст із вашого сайту, воно також заважає вам вставляти вміст з інших сайтів і видаляє запити JavaScript, пов’язані з WordPress Вбудовує.

Налаштування попереднього завантаження WP Rocket

налаштування попереднього завантаження ракети wp

1. Попереднє завантаження карти сайту використовує всі URL-адреси у вашій карті сайту XML для попереднього завантаження, коли термін дії кешу закінчився та весь кеш було очищено.

2. Yoast SEO Мапа сайту XML. WP Rocket автоматично виявить XML-карти сайту, створені за допомогою Плагін Yoast SEO. Ви можете перевірити опцію попереднього завантаження.

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

Коли ви пишете або оновлюєте нову публікацію чи сторінку, WP Rocket автоматично очищає кеш для цього конкретного вмісту та будь-якого іншого вмісту, пов’язаного з ним. Бот попереднього завантаження просканує ці URL-адреси, щоб негайно відновити кеш.

4. Попереднє вибірка запитів DNS дозволяє розпізнавати доменне ім’я паралельно (замість послідовного) із отриманням фактичного вмісту сторінки.

Ви можете вказати зовнішні хости (наприклад, //fonts.googleapis.com & //maxcdn.bootstrapcdn.com) для попередньої вибірки, оскільки попередня вибірка DNS може пришвидшити завантаження зовнішніх файлів, особливо в мобільних мережах.

Найпоширеніші URL-адреси для попереднього вибору:

//maxcdn.bootstrapcdn.com
//platform.twitter.com
//s3.amazonaws.com
//ajax.googleapis.com
//cdnjs.cloudflare.com
//netdna.bootstrapcdn.com
//шрифти.googleapis.com
//connect.facebook.net
// www.google-analytics.com
// www.googletagmanager.com
//карти.google.com

Розширені налаштування правил WP Rocket

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

1. Ніколи не кешуйте URL-адреси дозволяє вказати URL-адреси сторінок або публікацій, які ніколи не повинні зберігатися в кеші.

2. Ніколи не кешуйте файли cookie дозволяє вказати ідентифікатори файлів cookie, які, якщо встановлено у браузері відвідувача, повинні запобігати кешуванню сторінки.

3. Ніколи не кешуйте агентів користувача дозволяє вказати рядки агента користувача, які ніколи не мають переглядати кешовані сторінки.

4. Завжди очищайте URL-адреси дозволяє вказати URL-адреси, які потрібно видаляти з кешу щоразу, коли ви оновлюєте будь-яку публікацію чи сторінку.

5. Кешувати рядки запиту дозволяє вказати рядки запиту для кешування.

Налаштування бази даних WP Rocket

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

1. Прибирання після видаляє редакції, автоматичні чернетки та видалені дописи та сторінки. Видаліть їх, якщо у вас немає старих версій публікацій (або видалених публікацій).

2. Очищення коментарів видаляє спам і викинуті коментарі.

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

4. Очищення бази даних оптимізує таблиці у вашому WordPress бази даних.

5. Автоматичне очищення. Зазвичай я роблю очищення на тимчасовій основі, але ви також можете запланувати автоматичне очищення вашої бази даних у WP Rocket.

В ідеалі ви повинні створити резервну копію своєї бази даних перед запуском очищення, тому що після виконання оптимізації бази даних її неможливо скасувати.

Налаштування WP Rocket CDN

Використання мережі доставки вмісту (CDN) означає, що всі URL-адреси статичних файлів (CSS, JS, зображення) будуть переписані в CNAME, які ви надаєте.

1. Увімкніть CDN. Увімкніть це, якщо ви використовуєте мережу доставки вмісту. WP Rocket сумісний із більшістю CDN, як-от Amazon Cloudfront, MaxCDN, KeyCDN (якою я користуюся) та іншими. Дізнайтеся більше про те, як використовуйте WP Rocket із CDN

2. CDN CNAME(s). Скопіюйте CNAME (домен), наданий вам постачальником CDN, і введіть його в CDN CNAME. Це перепише всі URL-адреси для ваших активів (статичних файлів).

3. Виключити файли дозволяє вказати URL-адреси файлів, які не повинні обслуговуватися через CDN.

Додатки WP Rocket (Cloudflare)

WP Rocket дозволяє інтегрувати ваш обліковий запис Cloudflare за допомогою функції надбудови.

1. Глобальний ключ API. Ви знайдете ключ API у верхньому правому куті свого облікового запису Cloudflare. Просто перейдіть до свого профілю та прокрутіть вниз, і ви побачите свій глобальний ключ API. Вам просто потрібно скопіювати та вставити це в WP Rocket.

2. Електронна адреса облікового запису. Це електронна адреса, яку ви використовуєте для свого облікового запису Cloudflare.

3. Домен. Це ваше доменне ім’я, наприклад websitehostingrating.com.

4. Режим розробки. Тимчасово активуйте режим розробки на вашому сайті. Цей параметр автоматично вимкнеться через 3 години. Це добре, коли ви вносите багато змін у свій сайт.

5. Оптимальні налаштування. Автоматично покращує вашу конфігурацію Cloudflare для підвищення швидкості, рівня продуктивності та сумісності. Ця опція активує оптимальні налаштування Cloudflare.

6. Відносний протокол. Слід використовувати лише з гнучкою функцією SSL Cloudflare. URL-адреси статичних файлів (CSS, JS, зображення) буде переписано для використання // замість http:// або https://.

Ракетні інструменти WP

1. Експорт налаштувань дозволяє експортувати налаштування WP Rocket для використання на іншому сайті.

2. Імпорт налаштувань дозволяє імпортувати попередньо налаштовані параметри WP Rocket.

3. Відкат дозволяє повернутися до попередньої версії, якщо нова версія WP Rocket викликає у вас проблеми.

Налаштування WP Rocket для HTTP/2

HTTP / 2 це оновлення HTTP, яке існує з 1999 року для керування зв’язком між веб-серверами та браузерами. HTTP/2 прокладає шлях для швидшого завантаження сторінок завдяки кращому стисненню даних, мультиплексуванню запитів та іншим покращенням швидкості.

Багато серверів і браузерів підтримують HTTP/2, а більшість хостингів, як SiteGround, тепер підтримує HTTP/2. Це Перевірка HTTP/2 повідомляє, чи підтримує ваш сайт HTTP/2.

Якщо ваш сайт підтримує HTTP/2, ось як ви можете налаштувати для нього WP Rocket.

Конкатенація (об’єднання) усіх файлів CSS і JS у якомога менше файлів не є найкращою практикою для HTTP/2 і WP Rocket рекомендує вам це зробити не активувати конкатенацію файлів в вкладка оптимізації файлів.

WP Rocket рекомендує вам залиште ці два прапорці непозначеними. Для отримання додаткової інформації див ця стаття на WP Rocket.

Як використовувати WP Rocket із KeyCDN

Налаштувати WP Rocket за допомогою KeyCDN досить просто. (До відома KeyCDN це мережа доставки вмісту, яку я використовую та рекомендую)

Спочатку створіть зону тяги KeyCDN. Тоді йди до Вкладка CDN і перевірити Увімкнути мережу доставки вмісту варіант.

як налаштувати wp rocket за допомогою keycdn

Тепер оновіть Замініть ім’я хоста сайту на:” поле з URL-адресою, яку ви отримуєте з інформаційної панелі KeyCDN (у розділі «Зони» > «URL-адреса зони» для зони витягування, яку ви створили. URL-адреса виглядатиме приблизно так: lorem-1c6b.kxcdn.com)

Як альтернатива та рекомендований варіант, використовувати CNAME вашої URL-адреси (наприклад, https://static.websitehostingrating.com)

Які веб-хостинги працюють з WP Rocket?

WP Rocket сумісний майже з усіма веб-хости. Однак деяким, особливо вдалося WordPress хостів, може не працювати з WP Rocket. Якщо вашого хостинг-провайдера немає в списку нижче, це не означає, що він несумісний із WP Rocket. Найкращий спосіб бути на 100% впевненим – зв’язатися з вашим веб-хостингом і запитати.

Кінста: Kinsta підтримує лише WP Rocket версії 3.0 і вище. Кешування сторінок WP Rocket автоматично вимкнено, щоб запобігти конфлікту з вбудованим кешуванням Kinsta. Kinsta є офіційним партнером компанії WP Rocket.
WP Engine: WP Rocket — це єдиний плагін для кешування, який дозволено використовувати WP Engine. WP Engine є офіційним партнером компанії WP Rocket.
SiteGround: WP Rocket сумісна з SiteGroundстатичне, динамічне та memcached кешування. SiteGround є офіційним партнером компанії WP Rocket.
Хостинг A2: WP Rocket є повністю сумісний з A2 Hosting. Але ви повинні встановити WordPress на вашому сайті, перш ніж ви зможете встановити плагін WP Rocket. A2 Hosting є офіційним партнером WP Rocket.
WebHostFace: WebHostFace підтримує (і є офіційним партнером) WP Rocket.
Саввій: Savvii підтримує (і є офіційним партнером) WP Rocket.
FastComet: пропонує спеціально оптимізований пакет для WordPress і WP Rocket. FastComet є офіційним партнером компанії WP Rocket.
Bluehost Керований WordPress плани: Bluehost Керований WordPress plans Конфігурація Varnish порушує мінімізацію WP Rocket, тому вам потрібно або вимкнути Bluehost's Varnishабо вимкніть мініфікацію WP Rocket.
Cloudways WordPress хостинг: якщо ви використовуєте мініфікацію WP Rocket із Cloudways Varnish, вам потрібно створити правило виключення для Varnish у налаштуваннях програми Cloudways.
махове колесо: Ви повинні зв’язатися зі службою підтримки Flywheel і попросити їх активувати WP Rocket.
Керується HostGator WordPress плани: WP Rocket заборонено використовувати Керується HostGator WordPress хостинг.
Синтез: W3 Total Cache попередньо встановлено на Synthesis, але його можна видалити та замінити WP Rocket.
WebSavers.ca: WebSavers.ca є офіційним партнером WP Rocket.

Дізнайтеся більше про сумісний веб-хост із WP Rocket на https://docs.wp-rocket.me/article/670-hosting-compatibility.

Завантажте мій файл конфігурації WP Rocket

Я дуже легко додав ту саму конфігурацію WP Rocket, яку я використовую тут, на своєму сайті. просто завантажте цей файл конфігурації WP Rocket а потім імпортуйте його в розділ «Інструменти» адміністратора WP Rocket.

безкоштовно завантажити файл конфігурації wp rocket

Купити копію WP Rocket а потім іди і завантажте мій файл конфігурації WP Rocket і імпортуйте ті налаштування, які я рекомендую та використовую на цьому сайті.

3. Довідка WP Rocket та офіційна документація

Якщо з тих чи інших причин у вас виникли проблеми з WP Rocket, на сайті доступна маса корисної інформації Веб-сайт WP Rocket. Пам’ятайте, що разом із покупкою ви також отримуєте 1 рік підтримки.

Ось список посібників з WP Rocket, які я вважаю найбільш корисними:

Який ваш досвід використання Плагін кешування WP Rocket для WordPress? Чи я пропустив якусь важливу інформацію? Я хотів би почути все про це в коментарях нижче!

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

1. Завантажте та встановіть WP Rocket