Litespeed веб-сервер і кешування

У нашій статті ми постараємося розширити знання про кешування, заглибимося в спеціалізовану документацію і розберемося, як впровадити цей ефективний процес на вашому сайті за допомогою плагіна LiteSpeed.

Як працює кешування

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

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

Давайте, для початку, розберемо, що відбувається, коли відвідувач заходить на будь-яку зі сторінок сайту:

1. Спочатку веб-браузер відправляє запит за URL. Сервер відповідає на запит, потім відправляє якусь кількість запитів до бази даних.
2. Сервер отримує в базі даних інформацію: заголовок, тіло сторінки, коментарі. Потім він повертає ці дані у вигляді документа HTML.
3. Сам HTML-документ зчитується браузером і відображає його користувачеві у вигляді сторінки. Простіше кажучи, браузер завантажує таблиці стилів, зображення, сценарії та інші елементи у вигляді HTML-документа.
4. Браузер повинен надсилати нові запити щоразу, коли відвідувач заходить на ваш сайт.

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

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

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

LiteSpeed (LSCache) - плагін для WordPress

Насправді існує кілька типів кешів. LSCache - це "сторінковий кеш". Завдання сторінкового кешу - зберегти динамічно створену сторінку у вигляді статичної копії HTML.

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

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

• LiteSpeed шукає сторінку серед своїх збережених об'єктів кешу і не знаходить її; 
• LiteSpeed повертає статус "cache miss";
• веб-додаток динамічно генерує статичний HTML-документ, поки відвідувач чекає;
• плагін повертає статичну HTML-сторінку відвідувачеві; 
• LiteSpeed зберігає статичний документ HTML як об'єкт кешу для подальшого використання.

Через кілька хвилин інший відвідувач запитує ту саму сторінку. Алгоритм дій змінюється:

• LiteSpeed шукає сторінку серед збережених об'єктів кешу і знаходить її; 
• плагін повертає статус "cache hit";
• LiteSpeed негайно надає відвідувачеві статичну HTML-сторінку.

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

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

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

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

LSCache підтримує роботу з WooCommerce і призначений для оптимізації сайтів WordPress. Правила перезапису, розташовані в корені файлу .htaccess, можуть використовуватися для управління за допомогою LiteSpeed Cache Engine.

Що це означає? Параметри про те, які дані мають бути кешовані, як довго ці дані можуть зберігатися, і які дії зроблять об'єкт кешу застарілим, можна відредагувати за допомогою LSCache.

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

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

Які ключові особливості LSCache?

До найбільш затребуваних опцій належать:

• об'єднання JavaScript і CSS; 
• створення CriticalCSS в автоматичному режимі; 
• мініфікація JavaScript і вбудованого CSS; 
• оптимізація зображень (із втратою якості або без неї); 
• мініфікація (стиснення розміру) файлів HTML, JavaScript і CSS; 
• функція Lazyloading для зображень і елементів iFrame. 

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

Як працювати з плагіном LiteSpeed Cache

Крок 1: Встановіть LiteSpeed Cache

У приладовій панелі (знаходиться зліва), виберіть розділ "Plugins" і натисніть на пункт "Add New". Перед вами відкриється меню додавання плагінів, праворуч буде пошукове поле. Введіть "LiteSpeed Cache", після чого з'являться доступні плагіни для встановлення. Наведіть курсор на бокс "Install Now".

Тепер LiteSpeed встановлено, але перед тим, як почати ним користуватися, плагін необхідно активувати. Тому не виходьте з меню встановлення, поки не натиснете на бокс "Activate".



Крок 2: Огляд LiteSpeed Cache

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

1. Безсерверний. У цьому режимі оптимізація кешування недоступна, але можна оптимізувати інші параметри.
2. За ліцензією LiteSpeed Web Server і LiteSpeedCache - цей варіант дає вам повний доступ до можливостей плагіна, зокрема, оптимізації кешування.

Щоб перейти на LiteSpeed Web Server, попередньо зв'яжіться з компанією, що надає вам послуги хостингу. 

У приладовій панелі ви знайдете окремий пункт - "LiteSpeed Cache". Якщо натиснути на нього, то відкриється низка опцій:

• Dashboard;
• General;
• Cache;
• CDN;
• Image;
• Оптимізація;
• Оптимізація сторінок;
• База даних;
• Crawler;
• Toolbox.

Майже всі параметри оптимізації LSCache згруповані в розділі LiteSpeed Cache Settings. У цьому надзвичайно великому розділі розташовано 8 вкладок. Розглянемо можливості основних пунктів:

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

1. TTL. Скорочення від Time-to-Live (час життя). Крім наявності інструменту кешування, система має знати, як довго підтримувати кешовані копії до того, як знадобиться оновлення. Це особливо важливо для динамічних веб-сайтів, таких як WordPress. Більшість наведених тут налаштувань за замовчуванням підходять на перший час. Після того, як у вас з'явиться більше практики роботи з плагіном, ви можете повернутися в цей розділ і внести корективи. Додатково в цьому розділі можна виконати примусове оновлення кешу. Це корисно, якщо ви тестуєте зміни на своєму сайті і вам потрібно швидко оновити кеш, щоб перевірити, чи правильно налаштування було реалізовано.
2. Очищення. Вкладка Purge містить налаштування для видалення даних, що зберігається в кеші. LSCache самостійно очищає кеш під час оновлення плагінів, тем або самого WordPress.
3. Налаштування кешу браузера. Увімкнення цієї опції допоможе вам заощадити час і ресурси, коли відвідувачі повертаються на ваш сайт. Вона переносить частину кешу в їхні браузери.
4. Винятки. Не всі сайти підходять для кешування, найкраще залишити без кешу ті, які взаємодіють конфіденційними даними, такими як фінансова або особиста інформація. Такі сайти мають бути включені до списку винятків.
5. Розширені налаштування. Ще одна вкладка, в якій не рекомендується нічого змінювати. Вона знадобиться, якщо деякі плагіни та віджети конфліктують між собою.
6. WooComerce. Цей розділ доступний у користувачів, які встановили плагін на сайт інтернет-магазину. Тут можна буде оптимізувати кешування товарів і кошика.

Щоразу, коли ви вносите зміни в налаштування кешування, рекомендуємо тестувати свій сайт. Неправильне налаштування порушує роботу веб-сторінок, тому варто переконатися, що сайт функціонує правильно.

Крок 3. Оптимізація сторінки LiteSpeed

Розділ, який фактично змінює вихідний код сайту. Це може бути мінімізація та об'єднання CSS і JSS, або "ліниве" завантаження зображень.

Розглянемо доступні параметри цього розділу:

1. CSS Settings. У цій вкладці розташовано все, що має відношення до оптимізації CSS. Доступні опції мініфікації та об'єднання CSS-файлів.
2. JS Settings. Аналогічна вкладка, але стосується безпосередньо JS.
3. Optimization. Оптимізація ресурсів на сайті. Наприклад, можна керувати WordPress Emoji, вибрати TTL кешу для JS/CSS. Доступне відключення шрифтів Google і мініфікація HTML.
4. Media Settings. Тут налаштовують відкладене завантаження ресурсів.
5. Media Excludes. У цій вкладці знаходяться ресурси, які виключаються з відкладеного завантаження.
6. Localization. Дає змогу встановити автоматичне копіювання зовнішніх ресурсів (які використовує ваш сайт), на сервер з подальшою оптимізацією. Можна, наприклад, кешувати аватарки коментаторів.
7. Tuning. Виключення CSS, JSt, або навіть цілих сторінок зі списку оптимізації.

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

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

Типи кешування

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

1. Кеш сайту, також відомий як HTTP або кеш сторінки, - система, яка тимчасово зберігає дані, як-от сторінки, ресурси та аналогічний медіаконтент, коли сторінку завантажують уперше. Вона запам'ятовує вміст і може швидко завантажувати його під час повторного відвідування веб-сторінки.
2. Кеш браузера являє собою систему кешування, вбудовану в браузер. Файли та вміст зберігаються в браузері відвідувача. Кеш браузера тимчасово зберігає такі види контенту: HTML-сторінки, таблиці стилів, CSS сценарії, JavaScript, зображення та інші типи мультимедійного контенту.
3. Серверний кеш - це тип кешу, споріднений з кешуванням сайту, тільки замість тимчасового збереження вмісту на стороні клієнта він зберігається на сервері сайту. Серверне кешування також повністю обробляється і керується на сервері без участі кінцевого користувача або браузера.

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

Обслуговування кешованої веб-сторінки

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

• сервер приймає й обробляє запит;
• запитувана сторінка перетворюється на HTML, після чого файл із цим розширенням відкривається браузером користувача.

Оскільки кешування активовано, сервер зберігає цей HTML у своїй RAM. Тепер, якщо будь-хто інший відкриває сторінку, серверу більше не потрібно обробляти і перетворювати сторінку в HTML. Він просто надсилає попередньо підготовлений HTML браузеру.

Що буде, якщо ви активували функцію кешування, а потім додали нову інформацію на сайт? Чи буде сторінка виключена з кешу і, отже, чи побачить користувач сайту оновлення?

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

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

Вплив кешування на швидкість сайту

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

Підбиття підсумків

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

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