Добавете още CPU & RAM - безплатно - към услугата си Cloud VPS или Managed VPS

Autoptimize vs Litespeed Cache: кой кеширащ плъгин да изберете за ускоряване на сайта

Бързото зареждане на една уеб страница е един от най-важните аспекти при изграждането на сайт. Това никога не бива да се пропуска или пренебрегва, защото директно ще афектира и на трафика към нея. Все повече търсачки взимат под внимание този аспект и е фактор при класирането на сайта.

Един от основните похвати за подобряването на бързодействието на уеб сайт е кеширане и оптимизация на зареждащите ресурси (CSS, JS, изображения и други). 

Именно поради тази, причина в този материал ще разгледаме и сравним два от най-разпространените Wordpress плъгина за кеширане - autoptimize и litespeed cache.

Ще направим директно сравнение: какво предлагат двата кеширащи плъгина, действията, които може да извършите през тях и тестове един срещу друг. С тази информация ще може да вземете обосновано решение кой от тях да използвате за своя уебсайт.

ВАЖНО!!! Имайте предвид, че НЕ трябва никога да използвате два плъгина за едно и също нещо. Това особено важи за кеш, защото това по-скоро ще доведе до затруднения.

Autoptimize и LiteSpeed Cache

Преди да преминем към конфигурация и тестове е необходимо да направим и кратко представяне на двата плъгина. 

Autoptimize

Autoptimize е плъгин, който е насочен предимно към оптимизация на CSS и JS файлове чрез различни похвати. Платената версия на плъгина добавя опции, като Page cache, оптимизация на изображенията, допълнителна оптимизация за CSS, JS, HTML файлове.

Главната цел е да се постигне по-добро време за зареждане на уеб сайта. Към момента на писане на този материал има над 1 милион инсталации на плъгина и регулярна поддръжка чрез ъпдейти.

LiteSpeed Cache

LiteSpeed Cache е плъгин, който е разработен специално за Litespeed webserver, но работи напълно добре и с останалите такива (Apache, nginx и т.н.).

Няма платена версия, т.е. всички екстри са достъпни безплатно, което винаги го е правил изключително привлекателен за всеки потребител.

Всеки ползвател на LiteSpeed Cache получава изключително много опции, чрез които може да конфигурира - CSS/JS/HTML Minify, Combine, Оптимизация на изображения, Object cache и много други.

Ако жeлаете да се възползвате от всички предимствва на плъгина Litespeed cache, то е препоръчително да използвайте Litespeed Webserver.

Ние, от хостинг Jump, използваме именно него за плановете за споделен хостинг, WordPress хостинг и eShop хостинг, а може да бъде приложен и за виртуални сървъри и менажирани VPS.


Autoptimize срещу LiteSpeed Cache - цялостно сравнение

След като направихме общ преглед на двата кеширащи плъгина, нека навлезм в дълбочина и направим по-изчерпателно сравнение, вземайки предвид техните характеристики, съвместимост, потребителски интерфейс и цена:

Характеристики

  • Autoptimize е фокусиран върху оптимизацията на ресурсите, като CSS, JS и HTML. 
  • Litespeed cache предоставя богат набор от инструменти, които покриват почти всички нужди при цялостната оптимизация на сайт.

Съвместимост

  • Autoptimize може да се използва на всеки един уеб сървър. 
  • Litespeed cache е препоръчително е да се използва с Litespeed webserver.

Потребителски интерфейс

  • Autoptimize предлага изчистен, минималистичен дизайн, който даже може да се възприеме като остарял.
  • Litespeed cache от своя страна използва модерен дизайн, но много от опциите, които се предоставят може да уплашат или заблудят неопитните хора

Цена

  • Autoptimize има Pro версия, които предоставя много повече възможности на плъгина
  • Litespeed cache плъгина е напълно безплатен и не изисква лиценз.

LiteSpeed Cache vs Autoptimize - директно сравнение на оптимизацията и бързината

Ето при какви условия ще направим сравнението: технически характеристики:

  • Версия на WordPress - 6.5.5 (актуална към момента на писане на материала)
  • Плъгини - Освен плъгините, които разглеждаме в този материал други не са поставени
  • Уеб сървър - Litespeed Webserver ( Платен лиценз )
  • Версия на база от данни  - MariaDB 10.6.18
  • Версия на PHP - 8.1

Забележка: Преднамерено не споделяме кой темплейт се използва. За да може по-добре да покажем резултатите от плъгините, сме поставили не малко demo съдържание на началната страница. Това не е практика при повечето потребители и не бихме искали да внасяме съмнение, че PageSpeed резултатите са провокирани от използваната тема.

Предоставяме Screenshot на тест, който е извършен с https://pagespeed.web.dev/ без никакви плъгини. С него определяме baseline на теста:

Screenshot на тест, който е извършен с https://pagespeed.web.dev/ без никакви плъгини. С него определяме baseline на теста:

За този тест ще използваме само мобилната версия. Цифрите в случая не са от значение, а самото им изменение в последствие. 

Резултати при активиране на Autoptimize

Следва активирането на Autoptimize. За първия тест няма да променяне никакви настройки, а ще оставим тези по подразбиране. Споделяме резултатите:

Тест с Autoptimize

Виждаме, че подобрението е минимално.

Забележка: Резултатите могат да варират при Вас от използваната тема и плъгини.

Това може да се възприеме за нормално и именно поради тази причина, нека преминем към активирането на допълнителни опции:

От Wordpress админ -> Settings -> Autoptimize:

  • От Таб JS, CSS & HTML активираме:

Aggregate CSS-files, Also aggregate inline CSS, Generate data: URIs for images, Eliminate render-blocking CSS, Inline all CSS, Also minify inline JS/ CSS

  • От таб Images

Image optimization & CDN, Lazy-load images

  • От таб Extra:

Remove emojis, Remove query strings from static resources и Remove WordPress block CSS

Почистваме кеша, за да се регенерират всички CSS/JS/HTML файлове и извършваме нова проверка с Pagespeed теста. Ето резултата:

тест с  autoptimize с активирани опции

Както се вижда вече резултатите са много по-добри. Виждаме двойно покачване на performance score-a само с няколко клика на мишката.

Резултати при активиране на LiteSpeed Cache

Нека преминем и към Litespeed cache плъгина. 

Първоначалната процедура е същата, като отново направихме повторен baseline тест. Целта беше да разгледаме дали има някакъв кеширан резултат, но резултатът беше идентичен с този по-горе.

След това чак инсталирахме Litespeed cache плъгина и отново не сме променяли никакви настройки, а използвахме default такива. Ето и резултата:

Резултати при активиране на LiteSpeed Cache

Както се вижда първоначалните резултати са по-добри. Имаме покачване от 10 пункта/точки за Performance без да сме извършвали никакво действие, освен инсталирането и активирането на плъгина. 

Нека активираме няколко допълнителни настройки от Wordpress admin panel -> Litespeed cache

  • От раздела General активираме "Domain Key". Също така тук попълваме и полето за "Server IP".
  • От раздел "cache", таб "Object" активираме Object cache и въвеждаме нужните полета за Redis инстанцията ни. От таб "Browser" активираме Browser cache
  • От раздел Image optimization изпращаме заявка за оптимизиране на изображенията ни. Така ще се създадат webp версии.
  • От раздел Page Optimization, таб CSS Settings активираме - CSS Minify, CSS Combine, Generate UCSS, Load CSS Asynchronously, От таб "JS Settings" - JS Minify и JS Combine. 
  • От таб "HTML" - HTML Minify, DNS Prefetch, DNS Prefetch Control, Remove Query Strings, Load Google Fonts Asynchronously, Remove WordPress Emoji и Remove Noscript Tags.  От таб "Media Settings" - Lazy Load Images и Add Missing Sizes.

След тези промени нека направим нов тест. Ето и резултата:

Резултати при активиране на LiteSpeed Cache с допълнителни опции.png

Вече виждаме и сериозно подобрение в параметрите. Самият Score е подобен на този с Autoptimize, но ако се обърне внимание получаваме много по-добри стойности за Speed index и Largest Contentful Paint.

Отделно виждаме вече и подобрение в Accessibility, което също не трябва да се пропуска. Ако направим още малко fine tunning, като активираме и Guest mode, може да получим още по-добри резултати:

Именно и в това се крие силата на Litespeed cache плъгина - имате необходимите опции да извършвате fine tuning. Препоръчваме да разгледате и детайлното ни обяснение за плъгина, което може да намерите като последвате връзката по-долу:

Какво е LiteSpeed WordPress Cache и как правилно да го конфигурирате, за да повишите скоростта на зарежда на уебсайта си.

Като заключение може да споделим, че на хостинг, с Litespeed webserver винаги е препоръчително да използвате именно LiteSpeed cache плъгина за Wordpress.

Да не забравяме, че освен по-добри page score резултати ще получите и Page cache, нещо което липсва при някои подобни плъгини или са в тяхната платена версия.

Статия от Тихомир Георгиев

С над 10 години опит в техническата поддръжка, основната цел на Тихомир е да запознае клиентите ни как да използват услугите или прилежащият към тях софтуер.

Социални мрежи:
Още статии от автора

Абонирайте се за нашия бюлетин

С абонамента си получаваш повече актуални новини и нашите специални промо оферти

Абонирайте се за нашия бюлетин