Ghid Complet de Optimizare a Vitezei Site-ului

Viteza site-ului nu e doar despre experienta utilizatorului - e un factor de ranking Google. Un site lent pierde vizitatori, conversii si pozitii in cautari.

De ce conteaza viteza?

Impact asupra afacerii

• 1 secunda intarziere = 7% scadere conversii
• 40% abandoneaza un site care se incarca in peste 3 secunde
• 79% nu se intorc pe un site lent

Impact SEO

Google foloseste viteza ca factor de ranking, in special prin Core Web Vitals:

Metric	Ce masoara	Target
LCP (Largest Contentful Paint)	Incarcare continut principal	< 2.5s
FID (First Input Delay)	Interactivitate	< 100ms
CLS (Cumulative Layout Shift)	Stabilitate vizuala	< 0.1

Cum testezi viteza?

Tool-uri gratuite

1. Google PageSpeed Insights

   • URL: pagespeed.web.dev
   • Ofera scor si recomandari
   • Date reale + laborator

2. GTmetrix

   • Analiza detaliata
   • Waterfall diagram
   • Monitorizare in timp

3. WebPageTest

   • Teste din multiple locatii
   • Filmstrip vizual
   • Comparatii

4. Lighthouse (Chrome DevTools)

   • Integrat in browser
   • Audit complet
   • Acces offline

Ce scor sa tintesti

Scor	Interpretare
90-100	Excelent
50-89	Necesita imbunatatiri
0-49	Probleme serioase

Tehnici de optimizare

1. Optimizeaza imaginile

Imaginile sunt de obicei cel mai mare “vinovat”.

Formate recomandate:

Format	Utilizare	Compresie
WebP	Fotografii, general	Foarte buna
AVIF	Modern, suport limitat	Excelenta
SVG	Iconuri, logo-uri	Perfect pentru vectori
PNG	Transparenta necesara	Buna

Tehnici:

<!-- Lazy loading nativ -->
<img src="imagine.webp" loading="lazy" alt="Descriere">

<!-- Responsive images -->
<img srcset="mic.webp 400w, mediu.webp 800w, mare.webp 1200w"
     sizes="(max-width: 600px) 400px, 800px"
     src="mediu.webp" alt="Descriere">

Tool-uri de compresie:

• TinyPNG / TinyJPG
• Squoosh (Google)
• ImageOptim (Mac)

2. Minifica CSS si JavaScript

Elimina spatii, comentarii si caractere inutile.

Inainte: 50KB Dupa: 35KB (30% reducere)

Tool-uri:

• Terser (JavaScript)
• CSSNano (CSS)
• Build tools (Webpack, Vite)

3. Activeaza compresia GZIP/Brotli

Compresia reduce dimensiunea fisierelor transferate.

Apache (.htaccess):

<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html text/css application/javascript
</IfModule>

Nginx:

gzip on;
gzip_types text/plain text/css application/javascript;

4. Foloseste un CDN

Un Content Delivery Network serveste fisierele de pe servere apropiate geografic de vizitator.

Optiuni populare:

CDN	Pret	Avantaje
Cloudflare	Gratuit/Platit	DDoS, SSL, cache
BunnyCDN	Ieftin	Rapid, simplu
AWS CloudFront	Pay-per-use	Integrat cu AWS

5. Optimizeaza fonturile

Fonturile pot bloca randarea paginii.

Best practices:

/* Preload fonturi critice */
<link rel="preload" href="font.woff2" as="font" type="font/woff2" crossorigin>

/* Font-display: swap */
@font-face {
  font-family: 'Poppins';
  src: url('poppins.woff2') format('woff2');
  font-display: swap;
}

Reducere fonturi:

• Foloseste max 2-3 familii
• Incarca doar greutatile necesare (400, 700)
• Considera system fonts

6. Implementeaza caching

Caching-ul reduce request-urile repetate.

Browser caching:

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>

Cache plugins (WordPress):

• WP Super Cache (gratuit)
• W3 Total Cache (complex)
• WP Rocket (platit, cel mai bun)

7. Reduce request-urile HTTP

Fiecare fisier = un request = latenta.

Strategii:

• Combina fisiere CSS/JS
• Foloseste sprites pentru iconuri
• Inline CSS critic
• Elimina plugin-uri inutile

8. Optimizeaza baza de date

Pentru WordPress:

• Sterge revisiuni vechi
• Curata comentarii spam
• Optimizeaza tabelele
• Foloseste un plugin (WP-Optimize)

9. Alege un hosting bun

Hosting-ul ieftin = site lent.

Tipuri de hosting:

Tip	Pret	Performanta
Shared	3-10 EUR/luna	Slaba
VPS	20-100 EUR/luna	Buna
Dedicated	100+ EUR/luna	Excelenta
Cloud (AWS, GCP)	Variabil	Scalabila

Hosting recomandat Romania:

• SiteGround (shared bun)
• Cloudways (managed VPS)
• DigitalOcean (VPS DIY)

10. Elimina JavaScript care blocheaza

JavaScript poate bloca randarea paginii.

Solutii:

<!-- Defer - se executa dupa HTML parsing -->
<script src="script.js" defer></script>

<!-- Async - se executa cand e gata -->
<script src="analytics.js" async></script>

Checklist optimizare

Imagini

• Convertite la WebP
• Comprimate
• Lazy loading activ
• Dimensiuni corecte

Cod

• CSS minificat
• JavaScript minificat
• CSS critic inline
• JS defer/async

Server

• GZIP/Brotli activ
• CDN configurat
• HTTP/2 sau HTTP/3
• SSL optimizat

Caching

• Browser caching setat
• Page caching activ
• Object caching (Redis/Memcached)

Fonturi

• Format WOFF2
• Font-display: swap
• Preload fonturi critice

Probleme comune

Site WordPress lent

Cauze frecvente:

1. Prea multe plugin-uri (max 15-20)
2. Tema prost optimizata
3. Hosting shared supraincarcat
4. Fara cache configurat
5. Imagini neoptimizate

Scor mobil mic

Mobilul e de obicei mai lent decat desktop-ul:

• Retele mai lente
• Procesoare mai slabe
• Viewport mai mic

Focus pe mobil primul!

FAQ

Cat de rapid trebuie sa fie site-ul meu?

Ideal sub 3 secunde. Excelent sub 2 secunde.

Optimizarea afecteaza design-ul?

Nu ar trebui. Optimizarea buna e invizibila pentru utilizator.

Pot optimiza singur?

Bazele, da. Optimizari avansate necesita cunostinte tehnice.

Cat costa optimizarea?

De la 200-500 EUR pentru audit + implementari de baza pana la 1000+ EUR pentru optimizari avansate.

Concluzie

Optimizarea vitezei e un proces continuu, nu o actiune unica. Monitorizeaza constant, testeaza dupa fiecare schimbare si prioritizeaza mobilul.

Site-ul tau e lent? Echipa Crafton ofera audit de performanta gratuit. Solicita auditul!