Orice site WordPress ajunge la aceeași problemă. Imaginile sunt cel mai greu lucru de pe pagină, editorii încarcă ce a ieșit din aparatul foto, iar scorul pe mobil are de suferit. Răspunsul obișnuit este să instalezi un plugin de optimizare a imaginilor, iar candidații obișnuiți sunt Smush, ShortPixel și Imagify.

Există o a doua abordare care funcționează diferit, iar comparația este rareori făcută cinstit, fiindcă nu vorbim despre un produs echivalent. Cloudflare Image Transformations nu îți comprimă imaginile ca să stocheze rezultatul. Le rescrie în momentul în care sunt cerute. Înțelegerea acestei diferențe reprezintă deja cea mai mare parte a deciziei.

Distincția care decide: pluginurile procesează și stochează copii optimizate ale imaginilor tale. Cloudflare transformă la cerere și pune rezultatul în cache la margine. Pluginurile te facturează după câte imagini deții. Cloudflare te facturează după câte variante distincte servești. Cele două modele se potrivesc unor site-uri foarte diferite.

Prin ce diferă cele două abordări

Un plugin clasic de optimizare lucrează pe biblioteca ta media. Ia fiecare imagine încărcată, o trimite la serverele furnizorului sau o procesează local, o comprimă și scrie rezultatul înapoi. Biblioteca ta ajunge să conțină fișiere optimizate, adesea în mai multe dimensiuni. Munca se face o dată, la încărcare sau într-o rulare în masă, iar rezultatele stau pe originul tău.

Transformările inversează asta. Originalul tău rămâne neatins. Când un vizitator cere o imagine, cererea trece prin Cloudflare, care o redimensionează și o convertește din mers și pune rezultatul în cache. Nimic nu se scrie înapoi în biblioteca ta, iar dimensiunile servite pot fi schimbate oricând modificând un URL, în loc să reprocesezi o bibliotecă întreagă.

Asta are o consecință practică pe care mulți o descoperă târziu. Cu un plugin, dacă anul viitor decizi că miniaturile tale trebuie să aibă altă dimensiune, regenerezi toată biblioteca. Cu transformări, modifici un parametru.

Ce oferă de fapt fiecare plan gratuit

Aici comparația devine concretă și tot aici paginile de marketing ajută cel mai puțin.

Smush, de la WPMU DEV, are peste un milion de instalări active. Planul gratuit oferă compresie fără pierderi și cu pierderi, optimizare în masă și încărcare întârziată. Limitele de știut: imaginile peste cinci megaocteți sunt sărite complet, iar ce vor majoritatea de fapt, adică conversia WebP și AVIF, livrarea prin CDN și redimensionarea automată, sunt toate funcții Pro. Versiunea gratuită este un compresor, nu un lanț modern de formate.

ShortPixel are peste trei sute de mii de instalări și folosește un model pe credite. Un credit per imagine sau miniatură procesată, cu o sută de credite gratuite pe lună. Sună generos până îți amintești că WordPress generează mai multe dimensiuni de miniaturi la fiecare încărcare, așa că o singură fotografie poate consuma patru sau cinci credite. Creditele lunare nelimitate costă 9,99 dolari, iar pachetele o singură dată pornesc de la 19,99 dolari. WebP și AVIF sunt incluse, iar planurile premium au CDN.

Imagify, de la WP Media, depășește și el un milion de instalări. Planul gratuit acoperă douăzeci de megaocteți de imagini pe lună, aproximativ două sute de imagini. Conversia WebP și AVIF este inclusă în toate planurile, inclusiv cel gratuit, ceea ce este poziția cea mai generoasă dintre cele trei la capitolul formate. Nu există CDN în ofertă.

Cloudflare Image Transformations îți dă cinci mii de transformări unice pe lună pe planul Free, apoi cincizeci de cenți la mie. O transformare unică este o combinație distinctă de imagine și parametri per lună calendaristică, deci servirea aceleiași imagini redimensionate către cincizeci de mii de vizitatori contează o dată. Selecția automată a formatului contează ca o singură transformare chiar dacă unele browsere primesc AVIF și altele WebP.

Care model pentru care site

Răspunsul cinstit depinde de forma bibliotecii tale, nu de care produs e mai bun.

Un site mic cu bibliotecă stabilă. Câteva sute de imagini care se schimbă rar. Oricare dintre pluginuri se descurcă comod, iar planul gratuit al Imagify în special îl va acoperi probabil integral. Există puține motive să adaugi Cloudflare în stivă pentru acest caz.

Un catalog mare cu multe dimensiuni. Un magazin cu mii de produse, fiecare având nevoie de miniatură, dală în grilă și vedere de detaliu. Prețul pe credite pedepsește dur acest profil, fiindcă fiecare miniatură a fiecărui produs consumă credite. Transformările facturează pe variantă distinctă indiferent de câte produse ai, iar reducerea pentru cereri repetate face ca paginile populare să nu coste nimic în plus.

Un site cu trafic mare, dar puține imagini. Aici strălucesc transformările, fiindcă facturarea nu urmează deloc traficul. Un articol viral care servește aceleași douăsprezece imagini către o sută de mii de oameni înseamnă douăsprezece transformări.

Un site cu încărcări constante. O publicație care adaugă zeci de imagini pe zi va epuiza cei douăzeci de megaocteți ai Imagify sau cele o sută de credite ShortPixel în câteva zile. Ambele ar cere un plan plătit. Poate și Cloudflare, în funcție de câte dimensiuni are nevoie fiecare încărcare.

Fără Cloudflare în fața site-ului. Atunci transformările nu sunt deloc o opțiune fără mutarea DNS-ului, iar un plugin este alegerea pragmatică.

Costurile pe care nu le pomenește nimeni

Două lucruri lipsesc din orice tabel comparativ.

Spațiul de stocare. Pluginurile care păstrează copii optimizate lângă originale îți cresc consumul de disc, uneori considerabil, fiindcă WordPress generează deja mai multe dimensiuni per încărcare, iar pluginul adaugă versiuni convertite ale fiecăreia. Pe găzduire partajată ieftină, asta devine ocazional constrângerea reală, în locul vitezei.

Reprocesarea. Schimbi tema, se schimbă dimensiunile imaginilor, iar o configurație bazată pe plugin cere o regenerare completă. Pe o bibliotecă mare înseamnă ore de încărcare a serverului și este momentul în care oamenii descoperă că găzduirea lor are o limită de CPU.

Niciunul nu e motiv să eviți pluginurile. Sunt doar costuri aflate în afara paginii de prețuri, iar pe măsură ce bibliotecile cresc, ele favorizează modelul transformării la cerere.

Cum îți dai seama pentru ce plătești

Înainte să alegi, numără patru lucruri despre propriul site. Durează o după-amiază și decid întrebarea mai sigur decât orice tabel comparativ.

Câte imagini deții. Numărul din biblioteca media, nu numărul de pagini. Asta stabilește dacă prețul pe credite este măcar viabil.

Câte dimensiuni are nevoie fiecare. Verifică ce cere de fapt tema ta. WordPress generează implicit mai multe dimensiuni per încărcare, iar majoritatea temelor folosesc două sau trei dintre ele. Dacă tema ta înregistrează opt dimensiuni personalizate și folosește patru, plătești procesarea celorlalte patru cu fiecare plugin din această listă și transformarea lor și cu Cloudflare. Curățarea acelei liste este bani gratis în ambele cazuri.

Cât de des se schimbă biblioteca. O publicație care încarcă zilnic are altă problemă decât un site de prezentare modificat anul trecut. Cotele lunare o pedepsesc pe prima și sunt irelevante pentru al doilea.

Cât trafic consumă imaginile. Doar modelul Cloudflare este insensibil la asta, iar doar nivelurile CDN ale pluginurilor îl taxează. Un site cu trafic mare și puține imagini este cel mai limpede caz în favoarea transformărilor.

Notează aceste patru numere și alegerea se face de obicei singură. Dacă le greșești, vei afla la reînnoire sau când o regenerare în masă va expira la jumătatea unui catalog.

Folosirea ambelor

Aceste abordări nu se exclud, iar combinația este adesea răspunsul rezonabil. Comprimă la încărcare cu un plugin, ca originalele să nu fie inutil de grele, apoi lasă transformările să se ocupe de dimensionare și conversia formatului la livrare. Obții o bibliotecă mai mică și un transfer mai mic, iar niciun sistem nu repetă munca celuilalt.

Ce nu ar trebui să faci este să rulezi două sisteme care convertesc amândouă formatele. Două pluginuri care se ceartă pe generarea WebP produc rezultate confuze și procesare irosită, iar asta este o cauză frecventă a imaginilor care arată corect pe desktop și se strică pe browserele mobile mai vechi.

Dacă vrei partea de Cloudflare automatizată pe WordPress fără să scrii un Worker, pluginul pe care îl întrețin îți rescrie URL-urile imaginilor către transformări, completează atributele lipsă de lățime și înălțime și îți permite să pui pe listă albă sursele externe pe care nu vrei să le atingi. Este gratuit și nu adaugă un sistem propriu de credite.

Pentru mecanica formatului URL și a abordării cu Worker, vezi Cloudflare Image Transformations . Dacă decizi și unde să stea fișierele, Cloudflare R2 pentru găzduirea imaginilor tratează partea de stocare și taxele de egress eliminate.

Un răspuns pentru site-ul tău

Decizia se reduce la numere pe care le poți număra într-o după-amiază: câte imagini deții, câte dimensiuni are nevoie fiecare, cât de des se schimbă biblioteca și dacă Cloudflare stă deja în fața site-ului. Aceste patru răspunsuri arată clar către una sau alta dintre opțiuni, iar greșirea lor costă într-un mod enervant de descâlcit ulterior.

Mecanik face audituri de performanță WordPress care măsoară cât te costă de fapt imaginile înainte de a recomanda vreo schimbare și se ocupă de implementare prin lucrări de dezvoltare WordPress atunci când soluția depășește o simplă instalare.

Articole similare: Imagini produse WooCommerce: de ce sunt lente categoriile , Performanță WooCommerce: de ce magazinul tău este lent , Prețurile Cloudflare R2 explicate - Costuri reale vs S3 și Backblaze , Cloudflare Email Routing - E-mail gratuit cu domeniu personalizat .

Întrebări frecvente

Este Cloudflare Image Transformations mai bun decât Smush sau ShortPixel? Nu mai bun, ci diferit. Pluginurile comprimă și stochează copii optimizate și facturează după câte imagini deții. Cloudflare transformă la cerere și facturează după variante distincte servite. Cataloagele mari favorizează de obicei Cloudflare, bibliotecile mici și stabile favorizează un plugin.

Care plugin de imagini are cel mai bun plan gratuit? Imagify include conversia WebP și AVIF în planul gratuit, ceea ce Smush rezervă pentru Pro, dar te limitează la douăzeci de megaocteți pe lună. ShortPixel oferă o sută de credite lunar, deși miniaturile WordPress consumă mai multe la fiecare încărcare. Cloudflare oferă cinci mii de transformări unice.

Pot folosi împreună un plugin de optimizare și Cloudflare? Da, și adesea are sens. Comprimă la încărcare cu pluginul, ca originalele să nu fie inutil de grele, și lasă Cloudflare să se ocupe de dimensionare și conversia formatului. Evită două sisteme care convertesc amândouă în WebP, fiindcă irosește procesare și produce rezultate inconsecvente.

Am nevoie de Cloudflare în fața site-ului ca să folosesc transformările? Da. Transformările se aplică imaginilor servite printr-o zonă din contul tău Cloudflare. Dacă DNS-ul nu este la Cloudflare, sau imaginile vin de la o găzduire din afara contului, cererile ocolesc mecanismul, iar un plugin este alegerea practică.

Chiar îmbunătățește optimizarea imaginilor Core Web Vitals? De regulă da, fiindcă imaginile domină greutatea paginii, iar cea mai mare este adesea elementul Largest Contentful Paint. Servirea unei imagini corect dimensionate într-un format modern reduce direct acea măsurătoare, dar nu va rezolva încetineala cauzată de scripturi sau de timpul de răspuns al serverului.