Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

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

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

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

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

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

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

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

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

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

  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 – введення в основи кешування для WordPress

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

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

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

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

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

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

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

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

Які можливості надає плагін 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
inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 11

Ілля:

Дякую за таку подробицю! Дуже буде цікаво дізнатися про налаштування нової версії W3 Total Cache

Еміль Мурадян:

Чудова стаття, яких мало в інтернеті, все зрозуміло і по справі! Дякую!

Олександр:

хороший сайт, шкода немає кнопочки «Наступний пост»)))

Денис:

Здрастуйте, шановні колеги. Намагався самостійно налаштувати плагін W3 Total
Cache, зіткнувся з низкою проблем: 1) зникають всі css стилі та на
сторінках сайту відображається тільки фото та текст 2) сервер падає через
5-7 хвилин після включення плагіна (у мене VPS) думаю це відбувається з
через те, що при первинному налаштуванні плагіна, я по неуважності
поставив якісь некоректні дані. 3) перестають відпрацьовувати
деякі важливі елементи зроблені на javascript, такі як ковзання
сайдара та ін. Потрібна допомога в налаштуванні цього плагіна - мета - у сервісі
pagespeed/insights від гугла, отримати хорошу швидкість завантаження
сторінки. Допомога потрібна у формі скайп сесії з трансляцією екрану.
демонструю екран, ви кажете куди зайти, які значення поставити та
і т.д. Розраховуватися можу вебмані або яндекс гроші. Напишіть будь ласка у
личку 1) яка ціна на годину, вас влаштує за цю послугу 2) скільки часу
(приблизно) нам потрібно буде витратити на налаштування 3) який ваш
досвід у налаштуванні та використанні даного плагіна. Заздалегідь дякую, чекаю
ваші повідомлення.

Reega Regardos:

А що ви скажете?

Asa Oppenheimer:

Коротше, у мене нещодавно виникла проблема після кешування з моїм тестовим блогом http://divtech.pp.ua. Після очищення кеша зник весь текст із постів, а ось картинки залишилися. Найцікавіше, що в консолі все збереглося, тільки при перегляді постів на сайті тексту не видно. Як виправив цю помилку. Відключив повністю всі плагіни, і одразу все запрацювало. Далі, включав кожен плагін по черзі і перевіряв який саме конфліктував із кешуванням. Виявився SEO backlinks. Моя порада перед очищенням кеша обов'язково робити бекап.

Андрій:

Доброго дня! Чи конфліктуватиме цей плагін з уже встановленим WP Super Cache? Відключати останній збираюся тільки після того, як зрозумію, що Т3 краще.

WPcafe.org:

Безперечно, буде. Не варто налаштовувати та включати більше 1 плагіну кешування для WordPress.

Sanuich:

Чомусь не сказано про зворотний бік медалі.
Кешування означає, що сторінка або дані (наприклад, результат вибірки з бази) зберігаються в пам'яті і не змінюються. Тобто втрачається динаміка. Якщо щось було змінено на сайті, то потрібно оновити кеш. Я вже не кажу про те, що 250 запитів на сторінку – це зворотний бік вордпресу.

Андрій:

Я ні як не можу налаштувати кешування завжди видає таке
Використовуйте кеш браузера
Якщо вказувати в заголовках HTTP дату або термін дії статичних ресурсів, браузер завантажуватиме вже отримані раніше ресурси з локального диска, а не з Інтернету.
Використовуйте кеш-браузер для наступних ресурсів:
http:///…-mobile-edition/assets/images/switch.png (не указан срок действия)
http://…ontent/themes/sturdy/css/ajax-loader.gif (не указан срок действия)
http://…t/uploads/2016/02/204-e1456333020557.jpg (не указан срок действия)
http://…ent/uploads/2016/03/CMpesY5-720×340.jpeg (не указан срок действия)
http://binews.ru/…/Cool-Text-BINEWS.RU-170964010301333.gif (не указан срок действия)
http:///…ent/uploads/2016/03/NBN8A44-160×160.jpeg (не указан срок действия)
http:///…ent/uploads/2016/03/NBN8A44-396×267.jpeg (не указан срок действия)
http:///…ent/uploads/2016/03/NBN8A44-720×340.jpeg (не указан срок действия)
http:///…ent/uploads/2016/03/eEE02Lo-160×160.jpeg (не указан срок действия)
http://.ru/…ent/uploads/2016/03/klVczUu-160×160.jpeg (не указан срок действия)
http:// .ru/wp-content/uploads/2016/03/klVczUu.jpeg (не указан срок действия)
хто знає, що робити, допоможіть.

доброзичливець:

кеш для браузера відключи, невже складно прочитати помилки?

Додати коментар або відгук