Velocizzare
Joomla con
dei plugin
fenomenali.
Stefano
Rigazio
Punti Salienti
• Vediamo i principali plugin per velocizzare
• Accorgimenti vari
• Bonus track (plugin creato per voi)
Ste...
Velocizzare Joomla con dei plugin
fenomenali.
Hashtag dell’evento
#webreevolution
@riga75
Velocizzare Joomla con dei plugin
fenomenali.
Altro hashtag importante 
@riga75
Velocizzare Joomla con dei plugin
fenomenali.
Ci sono 15
estensioni,
alcune utili, altre
dannose
@riga75
http://extensions...
Jch Optimize
Stefano
Rigazio
• Unisce i file css in
uno
• Combina le immagini
di sfondo in uno
sprite
• Minify css, js e h...
Velocizzare Joomla con dei plugin
fenomenali.
La configurazione è
molto semplice
@riga75
Velocizzare Joomla con dei plugin
fenomenali.
Alcuni tool online per creare
le immagini sprite:
• http://www.spritecow.com...
Velocizzare Joomla con dei plugin
fenomenali.
Il plugin se messo
per ultimo,
offre prestazioni
migliori
@riga75
jBetolo
Stefano
Rigazio
• Unisce js e css
• Comprime js, css e
font
• Minify css, js e html
• GZip css e js
• Lazy Load
• ...
Velocizzare Joomla con dei plugin
fenomenali.
Le opzioni sono tantissime e
si rischia di fare casino, quindi
attenzione a ...
Velocizzare Joomla con dei plugin
fenomenali.
La parola d’ordine è testare,
Perché non esiste una
configurazione valida
Pe...
ScriptMerge
Stefano
Rigazio
• Unisce js e css
• Comprime js, css
• Molto altro
Velocizzare Joomla con dei plugin
fenomenal...
Velocizzare Joomla con dei plugin
fenomenali.
Se configurato bene….
Può dare buoni risultati
@riga75
Lazy Load
Stefano
Rigazio
• Le immagini vengono
caricate solo quando
sono visibili
• Risparmia banda
• Pagine più veloci
•...
Velocizzare Joomla con dei plugin
fenomenali.
Pochissime impostazioni
e funziona alla grande
@riga75
Velocizzare Joomla con dei plugin
fenomenali.
Estensione Grade Requests Load
Time
Page size
JCH Optimize 89/100 146 1,95 s...
Velocizzare Joomla con dei plugin
fenomenali.
Vi siete dimenticati dell’hashtag
più importante? 
@riga75
JotCache
Stefano
Rigazio
• Escludere pagine e moduli
• Uso selettivo della cache
del browser
• Autoclean
• Esclusione dei ...
Velocizzare Joomla con dei plugin
fenomenali.
La configurazione è
semplice
Ricordati di mettere il plugin per ultimo
@riga...
Velocizzare Joomla con dei plugin
fenomenali.
Come si può ben capire con solo un plugin
non si può sperare di ottenere la ...
Velocizzare Joomla con dei plugin
fenomenali.
1) Estensione per velocizzare Joomla
2) Estensione per la cache
3) .htaccess...
Velocizzare Joomla con dei plugin
fenomenali.Header unset Pragma
# Settare gli Expires headers e cache control
<IfModule m...
Velocizzare Joomla con dei plugin
fenomenali.
# 1 WEEK
<FilesMatch ".(jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "m...
Velocizzare Joomla con dei plugin
fenomenali.
# compressing of files
AddOutputFilterByType DEFLATE text/plain
AddOutputFil...
Velocizzare Joomla con dei plugin
fenomenali.
RewriteRule ^templates/your_template_folder/ - [L]
## I found this necessary...
Velocizzare Joomla con dei plugin
fenomenali.
Bonus Track
@riga75
Velocizzare Joomla con dei plugin
fenomenali.
Il tutto nasce qualche
giorno fa
quando è uscito un
articolo del mitico
Andr...
Velocizzare Joomla con dei plugin
fenomenali.
In parole povere i social widgets causano
rallentamenti del caricamento dell...
Velocizzare Joomla con dei plugin
fenomenali.
FastSocial Share for Joomla
Un super plugin per poter inserire i
pulsanti So...
Velocizzare Joomla con dei plugin
fenomenali.
Possiamo decidere la posizione:
• Sopra
• Sotto
• Entrambi
Mostrare i pulsan...
Nessun
Plugin
caricato
@riga75
Plugin
standard
@riga75
Plugin
ottimizzato
@riga75
Velocizzare Joomla con dei plugin
fenomenali.
Estensione First View Repeat View
Request
First View
Request
Repeat View
Nes...
Velocizzare Joomla con dei plugin
fenomenali.
@riga75
Il plugin deve essere approvato nel
JED, ci vorrà circa un mese e sa...
Stefano
Rigazio
Tutto
chiaro,
vero? Domande?
Dubbi?
Chiarimenti?
@riga75
Upcoming SlideShare
Loading in …5
×

Velocizzare i siti in Joomla con dei plugin fenomenali

3,086 views

Published on

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

Published in: Self Improvement

Velocizzare i siti in Joomla con dei plugin fenomenali

  1. 1. Velocizzare Joomla con dei plugin fenomenali. Stefano Rigazio
  2. 2. Punti Salienti • Vediamo i principali plugin per velocizzare • Accorgimenti vari • Bonus track (plugin creato per voi) Stefan o Rigazi o
  3. 3. Velocizzare Joomla con dei plugin fenomenali. Hashtag dell’evento #webreevolution @riga75
  4. 4. Velocizzare Joomla con dei plugin fenomenali. Altro hashtag importante  @riga75
  5. 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. 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. 7. Velocizzare Joomla con dei plugin fenomenali. La configurazione è molto semplice @riga75
  8. 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. 9. Velocizzare Joomla con dei plugin fenomenali. Il plugin se messo per ultimo, offre prestazioni migliori @riga75
  10. 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. 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. 12. Velocizzare Joomla con dei plugin fenomenali. La parola d’ordine è testare, Perché non esiste una configurazione valida Per tutti i siti @riga75
  13. 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. 14. Velocizzare Joomla con dei plugin fenomenali. Se configurato bene…. Può dare buoni risultati @riga75
  15. 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. 16. Velocizzare Joomla con dei plugin fenomenali. Pochissime impostazioni e funziona alla grande @riga75
  17. 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. 18. Velocizzare Joomla con dei plugin fenomenali. Vi siete dimenticati dell’hashtag più importante?  @riga75
  19. 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. 20. Velocizzare Joomla con dei plugin fenomenali. La configurazione è semplice Ricordati di mettere il plugin per ultimo @riga75
  21. 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. 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. 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. 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. 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. 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. 27. Velocizzare Joomla con dei plugin fenomenali. Bonus Track @riga75
  28. 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. 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. 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. 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. 32. Nessun Plugin caricato @riga75
  33. 33. Plugin standard @riga75
  34. 34. Plugin ottimizzato @riga75
  35. 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. 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. 37. Stefano Rigazio Tutto chiaro, vero? Domande? Dubbi? Chiarimenti? @riga75

×