Cloudflare Pro i WordPress APO recenzija

Šta sve nudi plaćeni Cloudflare Pro paket usluga, i da li se isplati? Zanimalo me je to saznati, pa sam odlučio probati lično – i zapisati svovje iskustvo i utiske ovde, kao podsetnik. 🙂
Cloudflare Pro plan uključuje sve dodatke koji dolaze sa Cloudflare WordPress APO (linkovi ka Cloudflare sajtu), tako da ću i njih testirati.
Ovo nije prava recenzija, koliko moje beleške o svemu primećenom u vezi ovih usluga – da vidim isplate li mi se.
U posebnom članku objašnjavam podešavanje besplatnog Cloudflare plana za WordPress.

Sadržaj:

1. Uvod
2. Kako se Cloudflare “instalira?”
3. Cloudflare kontrolna tabla
4. Cloudflare WordPress APO
   4.1. Konfigurisanje WordPress APO plagina
   4.2. Testiranje da li APO Edge keširanje radi
5. Cloudflare Pro
6. Rezultati testova brzine i stabilnosti
7. LiteSpeed Enterprise vs Cloudflare WordPress APO
8. Zaključak
9. Problemi
   9.1. Firewall problem (radi “previše dobro”)
   9.2. Ogroman CLS na mobilnom

1. Uvod

Koristim Cloudflare od 2019. godine (ili 2018, nisam siguran). U svom besplatnom paketu je zaista odličan. Pruža dodatnu zaštitu, olakšava i ubrzava migraciju sajtova, a ubrzava i učitavanje stranica sajta u izvesnoj meri. Ovde sam detaljnije objasnio šta je to Cloudflare i kako radi?

Razbiću odmah rasprostranjenu zabludu: u svojoj besplatnoj verziji, Cloudflare nije pravi CDN.

Za statičke HTML sajtove se lako može “naterati” da radi kao CDN, dodavanjem “Cache Level – Cache Everything” u “Page Rules.” Međutim, ovo ne radi za sajtove sa dinamičkim sadržajem. Na primer, ne želite da se posetiocu A prikaže sadržaj webshop korpe posetioca B.

Ipak, možete ga “naterati” da radi i sa dinamičkim stvarima, kao što su WordPress i WooCommerce, ako se poslužite nekim od ovih “trikova:”

• Pomoću Cloudflare workers (link ka dokumentaciji).
  Ovo traži dosta vremena, testiranja, a i naplaćuje se nakon 100.000 zahteva u danu (ovo poslednje me još ne brine).
• Korištenjem besplatnog plainga Super Page Cache for Cloudflare (link ka wp.org).
  Testirao sam ga oko godinu dana. Kao i svi plagini, desi se da apdejt pravi probleme, ili da apdejt nekog drugog plagina počne praviti koliziju i sl.
• Korištenjem Cloudflare WordPress APO (opisano u ovom članku) – za $5 mesečno po domenu.
• Korištenjem opcije “Bypass cache on cookie” koja dolazi sa Cloudflare Business planom – $200 mesečno.

Gore-pomenuti plagin je dobar i ko traži besplatno rešenje za WordPress, preporučio bih ga. Takođe, ako imate dovoljno znanja i vremena, možete se i sami igrati sa konfigurisanjem Cloudflare “radnika” (i napraviti svoj plagin/WP implementaciju za ažuriranje izmenjenog sadržaja na Cloudflare Edge kešu).

Pošto sam svestan svojih vremenskih i tehničkih ograničenja, odlučio sam se ipak probati plaćeni Cloudflare WordPress APO (eng. Automatic Platform Optimization). Dolazi sa svojim plaginom, koji vodi računa o “osvežavanju” keša kada se sadržaj sajta promeni. Nadam se da će Cloudflare-ov “zvanični” plagin raditi još bolje i stabilnije od svoje besplatne alternative.

Hteo sam probati i Cloudflare Pro. Omogućava veću zaštitu (bolji firewall) i dodatne opcije za veću brzinu.

• Cloudflare WordPress APO košta $5 mesečno po domenu.
• Cloudflare Pro košta $20 dolara mesečno po domenu i s njim u paketu dolazi WordPress APO (“besplatno”).

Ne bih platio za APO bez dodatne Pro zaštite. Niti bih platio za Pro bez APO ubrzanja.

Ako vas zanima kako se to sve podešava, šta tačno nudi, i kako radi u praksi (naspram besplatnog Cloudflare + LiteSpeed) – čitajte dalje.

– Sadržaj –

2. Kako se Cloudflare “instalira?”

Za početak otvorite nalog na Cloudflare – procedura je jednostavnija nego za otvaranje Gmail naloga, tako da neću ulaziti u detalje (možete pogledati video ispod za sve detalje).

Nakon toga, kliknite na “Add a Site” dugme kako biste dodali domen na Cloudflare. On će vam dati nameservere koje treba da podesite na svom domen registraru (kako dodati Cloudflare nameservere).
Koristim i preporučujem Porkbun domen registrar (kako prebaciti domen na drugi registrar).

Nakon toga, trebalo bi da Cloudflare sam povuče sva potrebna DNS podešavanja. Za slučaj da krećete od nule, ili da se javi neki problem, evo kako da ručno podesite Cloudflare DNS.

Konačno, treba podesiti osnovne, besplatne opcije. Za to sam napisao univerzalno uputstvo sa akcentom na WordPress-u: “Kako konfigurisati Cloudflare za WordPress?“

U nastavku članka baviću se samo dodatnim opcijama koje dolaze sa Cloudflare Pro i WordPress APO.

Na engleskom sam pravio kompletno video uputstvo za otvaranje, zaštitu i podešavanje Cloudflare naloga, i povezivanje sajta sa njim:

– Sadržaj –

3. Cloudflare kontrolna tabla

Moj vodič za podešavanje (besplatnog) Cloudflare za WordPress koristio je stari dizajn Cloudflare kontrolne table. Meni je on pregledniji i lakši za rad:

Na žalost, ukinuli su mogućnost izbora tog dizajna, i sad je obavezan i jedini mogući ovaj:

U nastavku članka, pozivaću se na opcije (i pod-opcije) i njihov raspored onako kako su prikazani i numerisani na slici 2.

– Sadržaj –

4. Cloudflare WordPress APO

Krenimo sa WordPress APO. Da vidimo šta sve nudi. U teoriji, trebalo bi da napravi kopiju stranica vašeg sajta na svojim Edge cache serverima koji se nalaze širom sveta. Onda će posluživati sadržaj vašeg sajta sa Edge servera najbližeg korisniku – za svakog korisnika. Poglavlja 6 i 7 pokazuju moje testove performansi ovog sistema.

Za početak, bekapujte sve, za svaki slučaj. Zatim, deaktivirajte (i deinstalirajte) plaginove za keširanje (poput LiteSpeed cache). Onda instalirajte zvanični Cloudflare WordPress plagin (wp.org link).

Plagin omogućava automatsko podešavanje Cloudflare-a za WordPress, ali u 2. poglavlju je link ka tutorijalu za ručno podešavanje, što mi je sigurnije (veća kontrola).

Pre nego što krenemo sa podešavanjem plagina, da vidimo šta od WP APO opcija treba podesiti na Cloudflare-ovoj kontrolnoj tabli:

8. Speed -> 8.2. Optimization
Automatic Platform Optimization for WordPress

Čak i ako je vaš sajt “mobile-friendly” (ili “mobile-first”), aktivirajte čekboks “Cache By Device Type.”

– Sadržaj –

4.1. Konfigurisanje WordPress APO plagina

Ako nemate već kreiran i podešen Cloudflare nalog, preporučujem da to uradite prvo, ručno. Nakon toga, kada ste instalirali plagin, možete se prijaviti:

Zatim treba uneti mejl i API kredencijale:

Ako ste sve opcije podesili ručno po ovde datim uputstvima (poglavlja 4, 5 ovog članka, i članak o podešavanju Cloudflare za WordPress za ostale, “besplatne” opcije), ostaje samo da aktivirate APO: 🙂

Instrukcije za ručno podešavanje svih opcija u Cloudflare kontrolnoj tabli su date u ovom (4.) i narednom (5.) poglavlju ovog članka, kao i u članku o konfigurisanju Cloudflare za WordPress (za opcije iz besplatnog paketa usluga).

Plagin nudi opciju da se klikom na jedno dugme konfiguriše Cloudflare (umesto ručnog podešavanja opcija u kontrolnoj tabli). Ovde je spisak Cloudflare-ovih preporučenih podešavanja za WordPress (link ka CF sajtu).

– Sadržaj –

4.2. Testiranje da li APO Edge keširanje radi

Da bismo potvrdili da APO Edge keširanje radi, moramo ga testirati. Evo kako se to radi:

• U Chrome browseru otvorite “New incognito” prozor (CTRL + SHIFT + N).
• Pritisnite taster F12.
• Idite u “Network” tab.
• Isključite “Disable cache” opciju.
• Otvorite stranicu svog sajta.
• Kliknite na prvu stavku sa spiska (samu stranicu).
• Pogledajte “Headers” tab.

– Sadržaj –

5. Cloudflare Pro

Kratak pregled opcija koje pruža Pro servis.
Opcije koje lično ne koristim sam obeležio zvezdicom ( * ).
Dve zvezdice ( ** ) obeležavaju opcije koje nekad treba isključiti.

6. Security -> 6.2. WAF -> 6.2.3. Managed rules
Bolja firewall zaštita u odnosu na besplatni paket.

Cloudflare Managed Ruleset – Aktivirajte sledeće:
Miscellaneous, PHP, ** Specials, WordPress

Package: OWASP ModSecurity Core Rule Set
Sensitivity: ** Low
Action: Legacy CAPTCHA
Deaktivirajte sledeće:
OWASP Slr Et Joomla Attacks, OWASP Slr Et PhpBB Attacks

** Ako imate problema sa ažuriranjem WordPress vidžeta, priveremeno deaktivirajte Specials i stavite OWASP Sensitivity “Off”.

6. Security -> 6.2. WAF -> 6.2.4. Tools
Zone Lockdown opcija omogućava da dozvolite samo navedenim IP adresama da pristupe određenom URL-u. Ovo je zgodno za zaštitu administrativnih, ili drugih zaštićenih delova od pristupa sa neovlaštenih IP adresa.

6. Security -> 6.3. Page Shield
Omogućavanje ove opcije štiti posetioce sajta od napada tipa Magecard, kojima se kradu podaci o platnim karticama i osetljivi privatni podaci (korisno za web-shopove).

8. Speed -> 8.2. Optimization
* Image Resizing – Omogućava smanjivanje veličine slika (u pikselima), čak i pretvaranje u WebP format na Edge serverima koji služe keširani sadržaj.
* Polish – Prevodi vaš sajt na ovaj prelepi slovenski jezik… šalim se. 🙂 Vrši kompresiju slika – ako niste uradili domaći pre uploada slika na sajt.
Enhanced HTTP/2 Prioritization – Optimizuje redosled dostavljanja sadržaja posetiocima.
TCP Turbo – TCP (Transmission Control Protocol) optimizacija za smanjenje latencije.
* Mirage (BETA!) – Ubrzava učitavanje slika za posetioce sa mobilnim.
* Automatic Signed Exchanges (SXGs) (BETA) – Ubrzava LCP (Largest Contentful Paint) za Chrome-olike browsere, tako što im omogućava da počnu povlačiti sadržaj dok su na stranici rezultata Google pretrage.

9. Caching -> 9.1. Overview -> Cache Analytics
Statistika vezana za keširanje – dostupna sa Pro planom.

* 13. Traffic -> 13.5. Health Checks
Dobijanje povratnih informacija o latenciji, uptime, i greškama – sa različitih geografskih lokacija (spram toga kako podesite). Ja koristim besplatni HetrixTools za ovo (affiliate link).

14. Custom Pages
* IP/Country Block – Omogućava da prikažete svoju stranicu sa objašnjenjem zbog čega ste kreten koji blokira pristup iz države posetilaca spam njihove IP adrese.
* WAF Block – Prikaz vaše stranice sa objašnjenjem zašto je pristup posetiocu blokiran preko firewall-a (kada se blokiranje dogodi).
* 500 Class Errors – Isto to, ali za 500 greške.
* 1000 Class Errors – Opet, isto.
* Always Online™ Error – Isto, za slučaj kada Alway Online nema keširanu stranicu za prikazati u slučaju pada sajta.
* Legacy CAPTCHA Challenge – Napravite i služite se svojom CAPTCHA stranicom ako želite.
* Managed Challenge – Isto, za managed challenge pravila.
* Country Challenge – Isto, za Country challenge pravila.
* I’m Under Attack Mode™ / JavaScript Challenge – Opet, za pravila sa tim imenom.
* 429 errors – Prikaz vaše željene stranice u slučaju da posetioci udare u “rate limit.”

– Sadržaj –

6. Rezultati testova brzine i stabilnosti

Sajtovi su mi radili na Enterprise LiteSpeed serveru, uz korištenje besplatnog LiteSpeed WordPressplagina i aktivan Cloudflare Railgun.

15. jula 2022, aktivirao sam Cloudflare Pro i WordPress APO. Uz konfigurisanje kontrolne table kako je gore prikazano. Ovo su testna podešavanja po sajtovima:

• A – bicikl.bikegremlin.com – ostavio sam ga kao i do tada, sa LiteSpeed cache plaginom, ali sa dodatim Cloudflare Pro unapređenjima.
  (biciklistički sajt na srpskohrvatskom)
• B – bike.bikegremlin.com – deinstalirao sam LiteSpeed cache i instalirao Cloudflare plagin (dakle, Cloudflare Pro + WordPress APO).
  (biciklistički sajt na engleskom)
• C – io.bikegremlin.com – ostavio da radi LiteSpeed u paru sa Cloudflare plaginom (Cloudflare Pro + WordPress APO + LiteSpeed).
  (sajt sa IT tematikom)
• D – blog.bikegremlin.com – kontrolni sajt; deinstalirao LiteSpeed i instalirao Cloudflare plagin.
  (moj blog, koji niko normalan ne čita 🙂 )

Prva tri sajta imaju posetioce širom sveta. Generički testovi daju najbolje rezultate sa varijantom B, a najgore sa varijantom A. Setap C je po performansama bliže varijanti B (tj. vidi se ubrzanje) nego varijanti A.

Šta me je brinulo?
Vezano za opciju C, da li će invalidacija keša raditi kako treba. Tj. hoće li se ažurirati stranice koje se izmene, ili se na njih doda komentar. Pošto sa setapom C, koristim dva plagina/podešavanja za keširanje paralelno.

Moji strahovi su se pokazali kao opravdani. Pri početnom testiranju, video sam da LiteSpeed kombinovan sa WordPress APO rezultuje neispravnom invalidacijom (osvežavanjem) keša. Stoga sam prekinuo dalje testiranje varijante C.

Nakon brisanja LiteSpeed plagina, za optimizaciju baze koristim Advanced Database Cleaner Pro plagin (link ka sajtu plagina) za optimizaciju baze – i fenomenalan je.

Jedna od prednosti setapa B u odnosu na A je u tome što osvežava samo ono što je promenjeno. Tj. automatski ispravno bira tačno koje stranice, ili čak delove stranice treba osvežiti (recimo, samo vidžet sa poslednjim komentarima). Konfigurisanje LiteSpeed da ovo radi (osvežavanje dela stranice) je veoma kompleksno, barem za mene.

Testirao sam WordPress apo i na BikeGremlin webshopu. Ažuriranje izmena i prikazivanje sadržaja korpe su bili ispravni. Sve deluje OK.

Evo rezultata testova brzine za posetioce iz Australije:

Napomena 1:
Pročitajte poglavlje 9.2. Ogroman CLS na mobilnom!

Napomena 2:
Kada aktivirate APO plagin na sajtu, Railgun za taj sajt više neće raditi. To je dobro, pošto sa APO koristite Edge servere za keširanje. Railgun ima smisla kada ne možete efikasno keširati dinamički sadržaj na Edge serverima.

Pratio sam statistiku brzine učitavanja stranica za stvarne posetioce, pomoću Googel Analitike.

Ove statistike se poklapaju sa rezultatima generičkih testova sa različitih geo-lokacija. Moj subjektivni osećaj je da, sa aktiviranim Cloudflare Pro paketom, čak i sajt A (koji koristi LiteSpeed keš) radi podjednako brzo. Jedino kada koristim VPN sa lokacije udaljene od hosting servera (poput Hong Konga) primećujem malu razliku u korist sajta B (WordPress APO). Međutim, čak i tada oba sajta rade dosta brzo, samo je B za nijansu brži.

– Sadržaj –

7. LiteSpeed Enterprise vs Cloudflare WordPress APO

Kvalitetni shared (i reseller) hosting provajderi obično imaju LiteSpeed Enterprise na svojim serverima. Tako da, što se vas kao korisnika tiče, LiteSpeed je besplatan. Samo instalirate i konfigurišete LiteSpeed plagin.

Cloudflare WordPress APO košta $5 mesečno, po domenu (dakle, ako imate više sajtova na različitim pod-domenima, svi su obuhvaćeni sa tom jednom pretplatom).

Cloudflare Pro košta $20 mesečno, i uz njega dolazi i WordPress APO (bez ikakve doplate).

Ako izuzmemo WordPress APO, LiteSpeed je ubdeljivo najbolje rešenje za keširanje WordPress sajtova. Možete ga lako integrisat sa njegovim CDN-om – QUIC.cloud (link ka njihovom sajtu), ako želite. Mana QUIC.cloud CDN-a je što zahteva korištenje svog DNS-a da bi radio **. Ovo onemogućava korištenje Cloudflare DNS i dodatne firewall zaštite. Istina, QUIC.cloud nudi svoju zaštitu, i nije besplatan (dodatne CDN lokacije i protok se naplaćuju).
** Pročitajte moj komentar ispod za više detalja na ovu temu. Hvala Ivanu Arnaudovu and Fabianu Kastneru za povratne informacije.

Ja sam do sad koristio LiteSpeed (“običan,” bez QUIC.cloud), uz Cloudflare (koji i u besplatnoj verziji kešira i ubrzava dosta toga). Za ovaj test, poredio sam takav setap, sa Cloudflare Pro i WordPress APO.

Rekao bih da je LiteSpeed za nijansu sporiji – pogotovo sa udaljenih lokacija koje imaju slabiju Internet konekciju. Na primer, moji sajtovi su na serveru u SAD. Kada im pristupam iz Srbije, sa sporog Interneta, LiteSpeed verzija bude nešto sporija, primeti se ako obratim pažnju. To je i dalje prilično brzo, LiteSpeed je odličan, ali APO je nešto brži.

Meni važna razlika:
Kod LiteSpeed je dosta komplikovano (meni, kao gotovo decenijskom, iskusnom WordPress korisniku) konfigurisati keširanje tako da ažurira samo izmene, bez brisanja kompletnog keša kada se postavi novi komentar, objavi nova stranica i slično (tj. da ažurira samo vidžet sa “najnovijim komentarima”). Cloudflare WordPress APO ovo radi automatski, bez greške.

Da, od ovog aprila LiteSpeed Memcached keširanje objekata ne radi. U proseku jednom godišnje nešto pokarabase prilikom apdejta. Ništa strašno, i dalje je LiteSpeed odličan, ali ipak pomalo frustrirajuće. Redis keširanje objekata radi, i bolje je, ali nije bezbedno za shared/reseller hosting okruženja.

Da pogledamo testove opterećenja. Testirao sam iz Australije i iz SAD, dok je hosting server sve vreme u SAD:

Kao što vidite, vreme za posetioce koji su blizu servera je za nijansu lošije (sporije) sa Cloudflare Pro + WordPress APO, u odnosu na LiteSpeed. Ali je zato puno bolje za posetioce koji su daleko od hosting servera (na drugom kontinentu).

Za bike.bikegremlin.com sajt je važno da posetioci iz celog sveta imaju dobru i brzu konekciju:

Napomena 1:
Pročitajte poglavlje 9.2. Ogroman CLS na mobilnom!

Mislim da mesto boravišta i rođenja ne treba da budu nešto što ograničava ljude, i trudim se da i moji sajtovi odražavaju ovu filozofiju.

– Sadržaj –

8. Zaključak

Napomena:
Pre nego što prihvatite bilo koju tvrdnju iz ovog “Zaključka,” pročitajte poglavlje 9.2. Ogroman CLS na mobilnom!

• Cloudflare WordPress APO pruža pravu CDN uslugu (za razliku od besplatnog Cloudflare plana).
• Cloudflare Pro pruža dodatnu zaštitu i brzinu.
• Najveći boljitak donose korisnicima koji su na drugom kontinentu u odnosu na lokaciju hosting servera sajta.
• Invalidacija (osvežavanje pri promenama sadržaja) keša radi bez greške – za razliku od LiteSpeed.

Isplati li se ovo? Da li da kupite samo APO za $5, ili da se otvorite za $20 i uzmete Pro?

Po mom mišljenju, LiteSpeed radi posao odlično u besplatnoj varijanti. Stavite ga iza Cloudflare i podesite besplatni CF paket.

Kada (ako ikad) vaš sajt počne praviti dovoljno zarade da se isplati davati $20 mesečno, idite odmah na Cloudflare Pro. Jeste, APO isto pomaže i ubrzava, ali 90% toga možete postići i sa LiteSpeed + besplatni Cloudflare. Kad vam zatreba dodatna brzina i dodatna zaštita, idite na Pro.

Drugim rečima: možda su moji sajtovi super optimizovani, ali sa Cloudflare Pro i APO nisam dobio neke ogromne boljitke u odnosu na LiteSpeed, ali mislim da bih lagao kad bih rekao da nisu ipak barem za nijansu bolji.

Naravno, uvek koristite kvalitetan web hosting koji omogućava Cloudflare Railgun integraciju.

– Sadržaj –

9. Problemi

9.1. Firewall problem (radi “previše dobro”)

Naišao sam na problem sa izmenom/ažuriranjem custom HTML WordPress vidžeta. Pogođeni su samo Cloudflare Pro WordPress sajtovi.

Rešio sam problem (objašnenje je u linku ispod) i ažurirao ovaj tutorijal kako bih i ja i bilo ko drugi ko ovo čita izbegao slične probleme.

Ažuriranje:
Rešenje problema sa ažuriranjem WordPress vidžeta i Cloudflare Pro

– Sadržaj –

9.2. Ogroman CLS na mobilnom

Testiranje na desktopu je davalo odlične rezultate. Međutim, rezultati na mobilnom telefonu su bili katastrofalni – pogotovo po pitanju korisničkog iskustva, zbog velikog CLS-a (Content Layout Shift) prilikom učitavanja stranica:

Kao što vidite, LiteSpeed ovo rešava puno bolje. Problem nisam uspeo rešiti u roku od par nedelja. Zbog ovoga sam otkazao Cloudflare pretplatu. Ne isplati se za moju namenu. Ne bez kvalitetnog APO CDN-a (koji po svemu sudeći ne uspeva rešiti problem optimizacije stranica pri učitavanju).

Tako da sam se vratio na besplatni LiteSpeed + besplatni Cloudflare Railgun. Da, LiteSpeed plagin pravi probleme sa svakim trećim apdejtom. Da, to je frustrirajuće i moram testirati sve što mi padne na pamet. Ipak, LiteSpeed uspevam naterati da radi kako treba – za razliku od Cloudflare WordPress APO-a.

Izgleda da ipak vredi isprobati LiteSpeed QUIC.cloud. 🙂

– Sadržaj –

Autor

Relja Novović

Relja je strastveni biciklista, dobar mehaničar bicikala, i profesionalni administrator računarskih sistema – sa decenijama iskustva u obe oblasti (i računari, i bicikli 🙂 ). Relja Novović – iskustvo i kratka biografija