Налаштуйте WordPress за допомогою W3 Total Cache і CloudFlare CDN у LAMP

Цей посібник покаже вам, як збільшити швидкість завантаження веб-сторінки на WordPress за допомогою плагіна W3 Total Cache і безкоштовного облікового запису CloudFlare CDN. У цьому підручнику система WordPress CMS встановлюється на вершину стеку LAMP (Linux + Apache HTTP-сервер + MariaDB RDBMS і PHP) на віртуальній машині з самостійним розміщенням Debian 9, однак та сама процедура може бути успішно застосована з деякими незначними змінами , на будь-якому веб-сайті WordPress, незалежно від того, чи він розгортається на виділеному сервері, у системі VPS або в загальному хостинговому середовищі.

ВИМОГИ

  • Веб-сайт WordPress доступний у зареєстрованому загальнодоступному домені. У випадку, якщо ви хочете розгорнути свій власний веб-сайт WordPress на вершині стеку LAMP, ви повинні розглянути читання інструкцій з цього підручника: https://www.howtoforge.com/tutorial/install-wordpress-on-lamp-in-debian-9/
  • Плагін W3 Total Cache встановлений та активований у WordPress
  • Безкоштовна обліковий запис CloudFlare

Початкова примітка:

Якщо ваш веб-сайт WordPress встановлений на виділеному сервері на вершині стеку LAMP, перше, що потрібно перевірити, це те, якщо ви можете встановити нові плагіни з інформаційної панелі WordPress без локального встановлення FTP-сервера. Якщо вас попросять ввести FTP-обліковий запис, щоб встановити нові плагіни, необхідно ввімкнути метод написання прямої файлової системи WordPress. Щоб увімкнути цю функцію WordPress, відкрийте файл wp-config.php, що знаходиться в кореневому каталозі веб-сайту, та додайте наступну рядок коду в будь-якому місці вмісту файлу.

define ('FS_METHOD', 'direct');

Ви також можете запустити таку команду, щоб досягти такої ж речі, без ручного оновлення WP-config.php файл, як це показано на знімку екрана нижче.

echo “define ('FS_METHOD', 'direct');” | tee -a /path/to/website/wp-config.php

WP-config.php

Перш ніж налаштувати плагін W3 Total Cache із CloudFlare CDN, відвідайте сайт GTmetrix за такою посиланням. https://gtmetrix.com і провести тест продуктивності для вашого домену, щоб порівняти результати після інтеграції CDN.

Частина 1 - Встановіть загальний кеш W3

  • Щоб встановити плагін W3 Total Cache, увійдіть до панелі інструментів WordPress і натисніть кнопку Plugins -> Add New link. У полі пошуку введіть W3 Total Cache і натисніть кнопку Install Now, щоб розпочати процес інсталяції, як показано на наступному зображенні.

W3 Total Cache plugin

  • Після того, як плагін W3 Total Cache завершив установку, натисніть кнопку Активізувати W3 Total Cache plugin, щоб активувати плагін.

Активуйте повний модуль W3 Total Cache

Частина 2 - Налаштування W3 Total Cache Plugin

1. Щоб настроїти плагін W3 Total Cache, перейдіть до інформаційної панелі WordPress та перейдіть до Плагіни -> Встановлені плагіни з меню ліворуч та натисніть посилання Налаштування з W3 Total Cache, щоб розпочати процес налаштування.

настроїти W3 Total Cache plugin

2 Потім перейдіть до Загальні параметри та ввімкніть параметр "Кеш сторінки". Використовуйте диск: підсилений метод кешу сторінки та прокрутіть вниз, щоб перейти до наступної опції.

увімкнути параметр кешу сторінки

3 Далі прокрутіть униз і вимкніть мінімізацію, кеш-пам'ять бази даних і кеш-пам'ять об'єктів, тому що CloudFlare CDN потурбується про мінімізацію вашого веб-сайту javascript, CSS та HTML-файлів, а також забезпечить його власним механізмом кешування.

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

4. Далі прокрутіть вниз і ввімкніть Кеш браузера, як показано на малюнку нижче.

включити кеш браузера

5 Прокрутіть вниз і вимкніть опцію CDN та Reverse Proxy, потім перейдіть на вкладку Miscellaneous і увімкніть таку опцію: Перевірте правила перезапису. Переконайтеся, що ви вимкнули всі інші параметри, як показано на зображенні нижче.

Перевірте правила перезапису

6 Далі прокрутіть вниз і вимкніть усі параметри налагодження. Нарешті, натисніть кнопку Зберегти всі налаштування, щоб застосувати конфігурацію. Також тут ви можете експортувати конфігурацію плагіна W3 Total Cache або скинути плагін до налаштувань за замовчуванням, якщо щось станеться неправильним.

відключити всі параметри відладки

7 Наступні налаштування охоплюють опцію «Кеш сторінок» в меню ліворуч. Перейдіть на вкладку "Загальні" та вкажіть наступні параметри, як це показано на знімку екрана нижче.

  • Передня панель
  • Кеш-канали: сайт, категорії, теги, коментарі
  • Кеш SSL (https) запитів
  • Не кешувати сторінки для зареєстрованих користувачів
  • Не кешувати сторінки для наступних ролей користувачів: адміністратора, редактора, автора, співавтора та підписчика.

Параметр кешу сторінки

8 Далі прокрутіть вниз і включіть параметри імен хостів у псевдонімі Cache. Напишіть усі свої псевдоніми веб-сайтів (з www або без www) у додатковій домашній URL-адресі та прокрутіть вниз до наступної опції.

дозволити імена хостів псевдонімів кешу

9 На Cболить Включити попередню завантаження Автоматично замініть кеш сторінки. Не змінюйте значення для інтервалу оновлень та сторінок за інтервал. Крім того, ви повинні додати XML-адресу URL-адреси сайту для веб-сайту. Також переконайтеся, що ви включіть Перед розміщенням кеш-пам'яті після публікації параметрів подій.

Автоматично замініть кеш сторінки

10 Далі прокрутіть вниз і ввімкніть Front Page, сторінку Публікації, канал Блог, сторінку публікації коментарів та параметри rss2 з екрана «Очищення політики: екран кешу сторінки», як описано в наведеному нижче зображенні.

Увімкніть сторінку «Попередня сторінка», «Публікація», «Блог», «Опублікувати коментарі» та «rss2»

11 Нарешті, перейдіть до вкладки «Додатково» та ввімкніть лише режим режиму сумісності. Залиште всі інші параметри за замовчуванням та натисніть кнопку Зберегти всі налаштування, щоб застосувати внесені до цього часу зміни.

Увімкнути режим сумісності

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

  • Встановити останній модифікований заголовок
  • Встановити заголовок закінчення терміну дії
  • Встановити заголовок керування кешем
  • Встановити тег об'єкта
  • Встановити загальний заголовок кешу W3
  • Увімкнути стиснення HTTP gzip

Меню кешу браузера

13. Продовжуйте прокручувати вниз та вмикати наступні параметри вкладки CSS & JS, XTML & XML та Media & Other Files, як описано нижче:

  • Встановити останній модифікований заголовок
  • Встановити заголовок закінчення терміну дії
  • Встановити заголовок керування кешем
  • Політика керування кешем встановлюється на кеш із максимальним віком та перевіркою ("max-age = EXPIRES_SECONDS, public, must-revalidate, proxy-revalidate")
  • Встановити тег організації (ETag)
  • Встановити загальний заголовок кешу W3
  • Увімкнути стиснення HTTP gzip

CSS & JS, XTML & XML, медіа та інші файли

Зберегти налаштування кешу

14 Нарешті, натисніть кнопку Зберегти всі налаштування, щоб застосувати конфігурацію плагіна W3 Total Cache. Тим не менш, ви повинні настроїти параметри плагіна W3 Total Cache і запускати тести, щоб визначити найкращі параметри для вашого веб-сайту.

Частина 3 - Налаштування CloudFlare CDN

15. Для того, щоб активувати CloudFlare плагін в WordPress, перейдіть до Performance -> Extensions - CloudFlare і натисніть на активувати посилання, як показано на наступному зображенні.

Продуктивність -> Розширення - CloudFlare

16 Щоб налаштувати плагін CloudFlare, натисніть посилання Налаштування в меню Розширення, як показано на знімку екрана нижче.

Параметри CloudFlare

17 CloudFlare - це мережева служба доставки контенту (CDN), яка діє як прискорювач зворотного проксі для веб-сайтів. Серед інших функцій, деякі з яких вам доведеться платити, CloudFlare пропонує DNS та інтегровані служби безпеки для кешованих веб-сайтів. Щоб інтегрувати веб-сайт до CloudFlare CDN, все, що вам потрібно зробити, це підписатися на безкоштовний акаунт за наступним посиланням. https://www.cloudflare.com/a/login і додати свій домен до своїх мереж, як показано на знімку екрана нижче.

Почніть роботу з CloudFlare

18 Зачекайте хвилини, коли CloudFlare сканує записи DNS вашого домену та натиснете кнопку Continue, щоб перейти до екрана записів DNS. На екрані виявлених записів DNS перевірте, чи виявлено всі записи вашого домену. Якщо всі ваші записи DNS присутні в списку, натисніть кнопку Продовжити, щоб продовжити. Використовуйте наведені нижче знімки екрана як посібник.

Зачекайте хвилини, коли CloudFlare сканує записи DNS вашого домену

Список записів DNS

19 Далі вам потрібно вибрати план CloudFlare для вашого домену та натисніть кнопку Продовжити, щоб перейти до наступного екрана. У цьому уроці ми виберемо план безкоштовного веб-сайту.

Виберіть CloudFlare Plan

20 На наступному екрані заночіть сервери імен CloudFlare DNS і оновіть свої сервери доменів відповідно. Щоб змінити сервери доменних імен, потрібно ввійти на панель реєстраторів доменів, і нові записи повинні бути оновлені якомога швидше. Сервери доменних імен повинні вказувати точно на сервери імен CloudFlare, а також інші записи ns. Коли ви закінчите, натисніть кнопку Продовжити, щоб завершити процес інтеграції. Тим не менш, ти можеш вдарити продовжувати кнопку і оновіть записи DNS ns у свого реєстратора пізніше.

Змінити сервери імен

21 Після того, як ви змінили свої сервери доменних імен, натисніть кнопку «Перевірити серверів імен», щоб примусити процес активації. Розповсюдження DNS домену в Інтернеті займає до 24 годин, щоб завершити. Проте за цей час ваш сайт не буде зачіпатися ніяким чином. Без простоїв!

Перевірити сервери імен

22 Потім перейдіть до веб-панелі CloudFlare та натисніть кнопку меню. Тут увімкніть параметр «Автоматичне виправлення» для JavaScript, HTML та CSS, як це показано на зображенні нижче. Цей параметр стискає всі файли JavaScript, CSS та HTML, щоб зменшити їх обсяг і доставляти їх швидше для завершення клієнтських веб-переглядачів.

увімкніть функцію автоматичного мінімізації

23 Прокрутіть вниз і увімкніть Автоматичний режим для Rocket Loader, як показано нижче.

Автоматичний режим для Rocket Loader

24 Потім натисніть на кнопку Crypto і встановіть SSL-шифрування на Повний. Потім перейдіть на головний екран, щоб отримати ключ API та активувати розширення WordPress CloudFlare. Натисніть «Отримати посилання на ключ API», виберіть «Глобальний ключ API» та натисніть кнопку «Переглянути API». Потрібно відкрити нове спливаюче вікно. Скопіюйте рядок ключа API з буфера обміну та закрийте спливаюче вікно.

встановити SSL-шифрування на Повний

Ключ API

25 Поверніться до веб-сайту WordPress і перейдіть на сторінку Продуктивність -> Розширення -> CloudFlare та натисніть посилання Налаштування. На екрані CloudFlare натисніть кнопку "Авторизація" та додайте адресу електронної пошти, яку ви підписали на CloudFlare, та ключ API, який ви скопіювали з Global API. Коли ви закінчите, натисніть кнопку Далі, щоб продовжити.

Параметри CloudFlare

Введіть ключ API

26 Виберіть доменну зону та натисніть кнопку Далі, щоб завершити процедуру авторизації. Потім ви можете розпочати керування налаштуваннями CloudFlare CDN для вашого домену за допомогою модуля CloudFlare в WordPress.

Виберіть зону домену

Керуйте налаштуваннями CloudFlare з WordPress

27 Якщо ви вже оновлювали записи DNS ns у свого реєстратора, ви можете зачекати кілька годин, а потім увійти на панель CloudFlare. Сайт повинен бути успішно активований у CloudFlare.

Сайт повинен бути успішно активований у CloudFlare.

Зачекайте декілька днів для сервісу CloudFlare CDN, щоб повністю змінити вміст вашого веб-сайту та аналізувати швидкість веб-сайту на сторінці https://gtmetrix.com веб-сайт Порівняйте результати з початковим звітом, щоб визначити вигоду від ефективності, надану CloudFlare CDN.

джерело

Ключові слова:

залишити коментар

Цей сайт використовує Akismet для зменшення спаму. Дізнайтеся, як обробляються ваші дані коментарів.