W3 Total Cache – введення в основи кешування для WordPress

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

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

Дивіться також:

• W3 Total Cache – налаштування плагіна кешування для WordPress: Частина 1
• W3 Total Cache – налаштування плагіна кешування для WordPress: Частина 2
• 5 плагінів для прискореного кешування вашого WordPress-блогу
• 5 простих порад для прискорення завантаження вашого WordPress-сайту
• Які WordPress плагіни уповільнюють роботу вашого сайту?
• Як дізнатися кількість запитів до БД та час завантаження WordPress сайту

Ось кілька аспектів, які ми розглядатимемо у кешуванні:

1. Призначений для користувача досвід. Якщо сторінки вашого сайту завантажуватимуться швидше, то зросте ймовірність того, що відвідувачі затримаються для вивчення наявного контенту. Таким чином, підвищується конверсія, кількість переглядів та прибуток від реклами на основі RPM.
2. Пошуковий досвід. Сайти, сторінки яких завантажуються швидше, краще ранжуються всіма пошуковими системами. Якщо ваш сайт добре оптимізований, можна очікувати високих позицій у видачі Google.

Поряд з цим ми розглянемо плагін W3 Total Cacheякий допоможе вам налаштувати свій сайт.

Особливу увагу ми приділимо наступним питанням:

1. Що таке кешування?
2. Чому варто використовувати плагін W3 Total Cache?
3. Які можливості надає плагін W3 Total Cache?
4. Як налаштувати плагін W3 Total Cache?

Ну що почнемо?

Що таке кешування?

Згідно з визначенням в Вікіпедії:

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

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

Наприклад, коли ви робите кеш вашого сайту на стороні сервера, то користувачі не компілюють вашу роботу. Навпаки, вони бачать заздалегідь скомпільовану вами роботу. Як правило, ми бачимо міні-версію CSS та JavaScript.

Якщо помістити в цей контекст сторінку, то уявимо, що ваша робота - це сторінка на WordPress (написана в PHP та MySQL). У цьому випадку ви стикаєтеся з 250 запитами під час завантаження сторінки. Вам потрібно до 10 секунд, щоб виконати запит на вашому сервері. Це означає, що кожного разу, коли відвідувач переглядає будь-яку сторінку на вашому сайті, ваш сервер повинен зібрати код мінімум з 250 запитами, що займає 10 секунд для видачі результату.

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

Але якщо ви кешуватимете сторінку на стороні сервера, то ви запобігти "перенасичення" сервера.

Чому так відбувається?

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

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

Щоб було зрозуміліше, погляньмо на зображення нижче:

Чому варто використовувати плагін W3 Total Cache?

Існує досить багато плагінів кешування, але W3 Total Cache вартий особливої ​​уваги завдяки наявності величезної кількості параметрів та можливості використовувати його з широким спектром серверних конфігурацій. А кількість його завантажень користувачами перевищує три мільйони. До того ж, він безпечний у порівнянні з менш відомими аналогами нижчої якості.

Багато сервісів (наприклад, MaxCDN і New Relic), якими ви, можливо, вже користувалися, пропонують встановити W3TC для отримання доступу до більшої кількості можливостей.

То чому б не встановити цей плагін заздалегідь?

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

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

Які можливості надає плагін W3 Total Cache?

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

Плагіну W3 Total Cache довіряють:

• AT&T
• stevesouders.com
• mattcutts.com
• mashable.com
• smashingmagazine.com
• makeuseof.com
• yoast.com
• kiss925.com
• pearsonified.com
• lockergnome.com
• johnchow.com
• ilovetypography.com
• webdesignerdepot.com
• css-tricks.com
• …і десятки, тисячі інших.

Переваги плагіна:

• Покращення всієї продуктивності сайту в 10-кратному розмірі при повному налаштуванні
• Збільшення показників конверсії та продуктивності сайту, що впливає на позиції сайту в Google.com
• Подальші перегляди сторінок: кешування браузера
• Оптимізована прогресивна візуалізація: сторінки рендеруються швидше
• Швидке завантаження сторінки: відвідувачі довше затримуються на сторінці та переглядають більше сторінок
• Поліпшення продуктивності веб-сервера
• До 80% економії трафіку через мінімізування та HTTP-стиск HTML, CSS, JavaScript

Особливості плагіна включають:

• Сумісність з віртуальним хостингом, віртуальними приватними/виділеними серверами та виділеними серверами/кластерами
• Прозора мережа доставки контенту (CDN) за допомогою медіа-бібліотеки, файлів теми та самого ресурсу WordPress
• Кешування (мінімізоване та стислене) сторінок або записів у пам'яті або на диск, або в CDN
• Кешування (мінімізоване та стисло) CSS та JavaScript у пам'яті, на диску або CDN
• Кешування сайту, категорій, тегів, коментарів, результатів пошуку в пам'яті, на диску або CDN
• Кешування сторінок результатів пошуку (наприклад, зі змінними рядками запитів) у пам'яті або на диску
• Кешування об'єктів бази даних у пам'яті або на диску
• Кешування об'єктів у пам'яті або на диску
• Мінімізація записів та сторінок
• Мінімізація вбудованих або сторонніх (3rd party) програм JavaScript (з автоматичними оновленнями)
• Мінімізація вбудованих або сторонніх (3rd party) програм CSS (з автоматичними оновленнями)
• Кешування в браузері за допомогою кеш-контролю
• Групування JavaScript за шаблоном (домашня сторінка, сторінка записів тощо) з вбудованим контролем розташування
• Неблоковані вкладення JavaScript
• Імпорт вкладень записів безпосередньо в медіа-бібліотеку (і CDN)
• Підтримка WP-CLI для очищення кешу, оновлень рядка запиту та інше

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

Налаштування плагіна W3TC

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

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

Джерело: code.tutsplus.com

Олексій Шевченко

редактор wpcafe

Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/