Intervento a cura di Flamenetworks in Ecommerce Arena

1. Analisi e ottimizzazioni lato server per massimizzare le prestazioni.
VELOCITÀ DI UN SITO E-COMMERCE E CONVERSIONI
Fabrizio Leo
CEO & Founder

2. E-COMMERCE LENTO
CARICAMENTO
PAGINA LENTO
PERDITA DI
FATTURATO

3. E-COMMERCE VELOCE
CARICAMENTO
PAGINA VELOCE
AUMENTO DI
FATTURATO

4. SITUAZIONE E-COMMERCE MERCATO ITA
Il tempo medio di apertura
pagina è 8 SECONDI

5. QUANTO INCIDE LA VELOCITÁ
DI APERTURA PAGINA?
Possiamo avere il sito e-commerce
più bello del mondo ma se non è veloce
genererà pochissime o zero conversioni.
Per ogni secondo di attesa, il bounce rate
aumenta mediamente del 7%.

6. CONVERSION RATE VS LOAD TIME

7. COLLI DI BOTTIGLIA
TTFB (Time To First Byte)
Codice PHP non ottimizzato
Interrogazioni al database
Struttura della base dati
Latenza di rete
Troppi moduli / plugin
Assenza di un sistema di caching
Hosting poco performante
Chiamate a risorse esterne

8. COS’È IL TTFB?
Il Time To First Byte è la
misura di quanto tempo deve
aspettare il browser prima di
ricevere il primo byte di dati
dal server.

9. TTFB (TIME TO FIRST BYTE)

10. TTFB (TIME TO FIRST BYTE)

11. OK, VOGLIO UN SITO VELOCE!
Vediamo come
ridurre il TTFB…

12. REQUISITI TECNICI PER MIGLIORARE
LA VELOCITÁ DEL TUO E-COMMERCE
Ridurre la latenza di rete
Ottimizzare il codice (PHP, etc…)
Ridurre la dimensione delle immagini
Utilizzare un sistema CDN
Hardware, Network e Storage
Sistema di caching
Ottimizzazione Database
Web Server: Nginx, HTTP/2, etc…
Andiamo ad analizzare questi 8 punti…

13. RIDURRE LA LATENZA DI RETE
Come possiamo misurare la latenza di rete?
Con il “PING” (Packet Internet Groper).

14. OTTIMIZZARE IL CODICE
<?php
echo "Hello
World!";
?>
“Scrivere codice ottimizzato vuol dire sviluppare un software
che segue un algoritmo ben definito e lineare, che contiene il
minor numero di righe possibili, procedure snelle e un
approccio leggero nei confronti della base dati.”

15. RIDURRE LA DIMENSIONE DELLE IMMAGINI
Immagine ridimensionata: 750x500 px
Salvata al 60% di qualità
Dimensioni: 121 KB
DOPO
Immagine originale: 3888x2592 px
Dimensioni: 2.6 MB
PRIMA

16. UTILIZZARE UN SISTEMA CDN
Una rete geo-distribuita (Content Delivery Network) di server per la consegna di contenuti
statici (immagini, css, js, font, etc…) che aiuta a reperire questi elementi del tuo sito web più
velocemente, perché il sistema che distribuisce queste risorse si trova più vicino alla
posizione geografica dell’utente.

17. HARDWARE, NETWORK E STORAGE
Hardware: dotarsi di hw professionale (es: CPU Intel® Xeon®, RAM ECC, etc…)
Network: Connettività Gigabit, Banda Internet garantita, protezione anti-DDoS, etc…
Storage: Dischi SSD, RAID-10, SAN su Fiber Channel, etc…

18. PHP E WEB SERVER
PROTOCOLLO

19. DATABASE SERVER

20. CLIENT Output pagina
statica (HTML)
• Creazione file di cache (HTML)
• Archiviazione cache nel filesystem
NO
Elaborazione
PHP
• Queries sul Database
• Creazione pagina HTML
Output pagina
statica (HTML) SI
SISTEMA DI CACHING
La cache
esiste?

21. GRAZIE PER L’ATTENZIONE
Fabrizio Leo
CEO & Founder
f.leo@flamenetworks.com
(+39) 347 33 85 709
https://www.flamenetworks.com/