Vediamo alcuni plugin ed estensioni adatte a velocizzare il caricamento delle pagine di Joomla. Presentazione per il Webreevolution 2013 a Roma.

1. Velocizzare
Joomla con
dei plugin
fenomenali.
Stefano
Rigazio

2. Punti Salienti
• Vediamo i principali plugin per velocizzare
• Accorgimenti vari
• Bonus track (plugin creato per voi)
Stefan
o
Rigazi
o

3. Velocizzare Joomla con dei plugin
fenomenali.
Hashtag dell’evento
#webreevolution
@riga75

4. Velocizzare Joomla con dei plugin
fenomenali.
Altro hashtag importante 
@riga75

5. Velocizzare Joomla con dei plugin
fenomenali.
Ci sono 15
estensioni,
alcune utili, altre
dannose
@riga75
http://extensions.joomla.org/extensions/core-
enhancements/performance/site-performance

6. Jch Optimize
Stefano
Rigazio
• Unisce i file css in
uno
• Combina le immagini
di sfondo in uno
sprite
• Minify css, js e html
• GZip css e js
• Molto altro
Velocizzare Joomla con dei plugin
fenomenali.
Il mio preferito, uno spettacolo

7. Velocizzare Joomla con dei plugin
fenomenali.
La configurazione è
molto semplice
@riga75

8. Velocizzare Joomla con dei plugin
fenomenali.
Alcuni tool online per creare
le immagini sprite:
• http://www.spritecow.com/
• http://spritepad.wearekiss.com/
• http://draeton.github.io/stitches/
@riga75

9. Velocizzare Joomla con dei plugin
fenomenali.
Il plugin se messo
per ultimo,
offre prestazioni
migliori
@riga75

10. jBetolo
Stefano
Rigazio
• Unisce js e css
• Comprime js, css e
font
• Minify css, js e html
• GZip css e js
• Lazy Load
• CDN e molto altro
Velocizzare Joomla con dei plugin
fenomenali.
Potente ma complicato, testate e testate
http://extensions.joomla.org/extensions/core-
enhancements/performance/site-performance/11545

11. Velocizzare Joomla con dei plugin
fenomenali.
Le opzioni sono tantissime e
si rischia di fare casino, quindi
attenzione a ciò che fate
@riga75

12. Velocizzare Joomla con dei plugin
fenomenali.
La parola d’ordine è testare,
Perché non esiste una
configurazione valida
Per tutti i siti
@riga75

13. ScriptMerge
Stefano
Rigazio
• Unisce js e css
• Comprime js, css
• Molto altro
Velocizzare Joomla con dei plugin
fenomenali.
Potente e semplice da usare
http://extensions.joomla.org/extensions/core-
enhancements/performance/site-performance/12108

14. Velocizzare Joomla con dei plugin
fenomenali.
Se configurato bene….
Può dare buoni risultati
@riga75

15. Lazy Load
Stefano
Rigazio
• Le immagini vengono
caricate solo quando
sono visibili
• Risparmia banda
• Pagine più veloci
• Possibilità di
esclusioni
Velocizzare Joomla con dei plugin
fenomenali.
Spettacolare e funziona benissimo
http://extensions.joomla.org/extensions/core-
enhancements/performance/site-performance/18035

16. Velocizzare Joomla con dei plugin
fenomenali.
Pochissime impostazioni
e funziona alla grande
@riga75

17. Velocizzare Joomla con dei plugin
fenomenali.
Estensione Grade Requests Load
Time
Page size
JCH Optimize 89/100 146 1,95 s 843,7kb
jBetolo 83/100 145 2,56 s 809,3kb
ScriptMerge 84/100 144 1,76s 841,5kb
@riga75

18. Velocizzare Joomla con dei plugin
fenomenali.
Vi siete dimenticati dell’hashtag
più importante? 
@riga75

19. JotCache
Stefano
Rigazio
• Escludere pagine e moduli
• Uso selettivo della cache
del browser
• Autoclean
• Esclusione dei bot
Velocizzare Joomla con dei plugin
fenomenali.
Il migliore per la gestione della cache
http://extensions.joomla.org/extensions/core-
enhancements/performance/cache/13155

20. Velocizzare Joomla con dei plugin
fenomenali.
La configurazione è
semplice
Ricordati di mettere il plugin per ultimo
@riga75

21. Velocizzare Joomla con dei plugin
fenomenali.
Come si può ben capire con solo un plugin
non si può sperare di ottenere la luna
Ma si deve lavorare in coppia o
meglio ancora un bel
Ménage à trois
@riga75

22. Velocizzare Joomla con dei plugin
fenomenali.
1) Estensione per velocizzare Joomla
2) Estensione per la cache
3) .htaccess ottimizzato
Così possiamo ottenere il massimo
@riga75

23. Velocizzare Joomla con dei plugin
fenomenali.Header unset Pragma
# Settare gli Expires headers e cache control
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<FilesMatch ".(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$">
ExpiresDefault A29030400
</FilesMatch>
# 1 WEEK
<FilesMatch ".(jpg|jpeg|png|gif|swf)$">
ExpiresDefault A604800
</FilesMatch>
# 3 HOUR
<FilesMatch ".(txt|xml|js|css)$">
ExpiresDefault A10800"
</FilesMatch>
@riga75

24. Velocizzare Joomla con dei plugin
fenomenali.
# 1 WEEK
<FilesMatch ".(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=604800, public"
</FilesMatch>
# 3 HOUR
<FilesMatch ".(txt|xml|js|css)$">
Header set Cache-Control "max-age=10800"
</FilesMatch>
# NEVER CACHE
<FilesMatch ".(html|htm|php|cgi|pl)$">
Header set Cache-Control "max-age=0, private, no-store,
no-cache, must-revalidate"
</FilesMatch>
@riga75

25. Velocizzare Joomla con dei plugin
fenomenali.
# compressing of files
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
# Disattivare ETags
Header unset ETag
</IfModule>
# Disattivare gli ETags
FileETag none
@riga75

26. Velocizzare Joomla con dei plugin
fenomenali.
RewriteRule ^templates/your_template_folder/ - [L]
## I found this necessary for @fontface fonts
RewriteRule ^templates/your_template_folder/fonts/ - [L]
##Yoo Themes Widgetkit and Zoo will not display css styles or
images correctly if the cache folder access is blocked
RewriteRule ^cache/widgetkit/ - [L]
RewriteRule ^cache/com_zoo/ - [L]
RewriteRule ^cache/com_templates/ - [L]
RewriteRule ^cache/template/ - [L]
RewriteRule ^cache/plg_jch_optimize/ - [L]
.htaccess ottimizzato per template Yootheme e JCH Optimize
@riga75

27. Velocizzare Joomla con dei plugin
fenomenali.
Bonus Track
@riga75

28. Velocizzare Joomla con dei plugin
fenomenali.
Il tutto nasce qualche
giorno fa
quando è uscito un
articolo del mitico
Andrea Cardinale
Un articolo chiamato:
Ottimizzare la velocità di caricamento dei Social
Widgets
Che spiegava proprio come velocizzare il caricamento delle pagine
quando ci sono i pulsanti Social
http://seoblog.giorgiotave.it/ottimizzare-velocita-caricamento-social-widgets/3661
@riga75

29. Velocizzare Joomla con dei plugin
fenomenali.
In parole povere i social widgets causano
rallentamenti del caricamento delle pagine.
Il passo più semplice per non avere i
“colli di bottiglia” è adottare il
caricamento asincrono.
@riga75
Ma non basta
La soluzione è il Defer, ossia dobbiamo ritardare il
Caricamento dei social widgets dopo che la
pagina è completamente caricata

30. Velocizzare Joomla con dei plugin
fenomenali.
FastSocial Share for Joomla
Un super plugin per poter inserire i
pulsanti Social e non appesantire il
sito
• Facebook Like
• Facebook Share
• Twitter
• Google + share(e
+1)
• Linkedin
• Pinterest
@riga75

31. Velocizzare Joomla con dei plugin
fenomenali.
Possiamo decidere la posizione:
• Sopra
• Sotto
• Entrambi
Mostrare i pulsanti:
• In frontPage
• Negli articoli
• Nelle categorie
• Nelle sezioni (solo per J 1.5)
Possiamo escludere la visualizzazione:
• Nelle categorie
• Nelle sezioni (solo per J 1.5)
• In alcuni articoli o scegliere solo in quali articoli visualizzarli
@riga75

32. Nessun
Plugin
caricato
@riga75

33. Plugin
standard
@riga75

34. Plugin
ottimizzato
@riga75

35. Velocizzare Joomla con dei plugin
fenomenali.
Estensione First View Repeat View
Request
First View
Request
Repeat View
Nessun Plugin 3,300 s 0,689 s 28 1
Plugin Standard 3,870 s 1,949 s 62 14
Plugin Ottimizzato 3,102 s 0,744 s 34 2
@riga75

36. Velocizzare Joomla con dei plugin
fenomenali.
@riga75
Il plugin deve essere approvato nel
JED, ci vorrà circa un mese e sarà
gratuito.
Ma per i partecipanti del Web
Reevolution lo potete scaricare subito
a questo indirizzo:
http://storejoomla.org/extensions/fast_social_shar
e.html
FastSocial Share for Joomla

37. Stefano
Rigazio
Tutto
chiaro,
vero? Domande?
Dubbi?
Chiarimenti?
@riga75