Velocizzare i siti in Joomla con dei plugin fenomenali
-
Upload
enthous-agenzia-web -
Category
Self Improvement
-
view
2.118 -
download
1
description
Transcript of Velocizzare i siti in Joomla con dei plugin fenomenali
Velocizzare Joomla con dei plugin
fenomenali.StefanoRigazio
Punti Salienti
• Vediamo i principali plugin per velocizzare• Accorgimenti vari• Bonus track (plugin creato per voi)
StefanoRigazio
Velocizzare Joomla con dei plugin fenomenali.
Hashtag dell’evento
#webreevolution
@riga75
Velocizzare Joomla con dei plugin fenomenali.
Altro hashtag importante
#rigamagodijoomla
@riga75
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
Jch Optimize
StefanoRigazio
• 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
Velocizzare Joomla con dei plugin fenomenali.
La configurazione è molto semplice
@riga75
Velocizzare Joomla con dei plugin fenomenali.
Alcuni tool online per crearele immagini sprite:
• http://www.spritecow.com/• http://spritepad.wearekiss.com/• http://draeton.github.io/stitches/
@riga75
Velocizzare Joomla con dei plugin fenomenali.
Il plugin se messo per ultimo,
offre prestazioni migliori
@riga75
jBetolo
StefanoRigazio
• 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
Velocizzare Joomla con dei plugin fenomenali.
Le opzioni sono tantissime e si rischia di fare casino, quindi
attenzione a ciò che fate
@riga75
Velocizzare Joomla con dei plugin fenomenali.
La parola d’ordine è testare, Perché non esiste una configurazione valida
Per tutti i siti
@riga75
ScriptMerge
StefanoRigazio
• 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
Velocizzare Joomla con dei plugin fenomenali.
Se configurato bene….
Può dare buoni risultati
@riga75
Lazy Load
StefanoRigazio
• 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
Velocizzare Joomla con dei plugin fenomenali.
Pochissime impostazionie 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 843,7kb
jBetolo 83/100 145 2,56 s 809,3kb
ScriptMerge 84/100 144 1,76s 841,5kb
@riga75
Velocizzare Joomla con dei plugin fenomenali.
Vi siete dimenticati dell’hashtag più importante?
#rigamagodijoomla
@riga75
JotCache
StefanoRigazio
• 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
Velocizzare Joomla con dei plugin fenomenali.
La configurazione è semplice
Ricordati di mettere il plugin per ultimo
@riga75
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
Velocizzare Joomla con dei plugin fenomenali.
1) Estensione per velocizzare Joomla
2) Estensione per la cache3) .htaccess ottimizzato
Così possiamo ottenere il massimo
@riga75
Velocizzare Joomla con dei plugin fenomenali.Header unset Pragma
# Settare gli Expires headers e cache control<IfModule mod_expires.c>ExpiresActive OnExpiresDefault 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
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
Velocizzare Joomla con dei plugin fenomenali.
# compressing of filesAddOutputFilterByType DEFLATE text/plainAddOutputFilterByType DEFLATE text/htmlAddOutputFilterByType DEFLATE text/xmlAddOutputFilterByType DEFLATE text/cssAddOutputFilterByType DEFLATE application/xmlAddOutputFilterByType DEFLATE application/xhtml+xmlAddOutputFilterByType DEFLATE application/rss+xmlAddOutputFilterByType DEFLATE application/javascriptAddOutputFilterByType DEFLATE application/x-javascript
# Disattivare ETags Header unset ETag</IfModule> # Disattivare gli ETagsFileETag none
@riga75
Velocizzare Joomla con dei plugin fenomenali.
RewriteRule ^templates\/your_template_folder/ - [L]## I found this necessary for @fontface fontsRewriteRule ^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 blockedRewriteRule ^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
Velocizzare Joomla con dei plugin fenomenali.
Bonus Track
@riga75
Velocizzare Joomla con dei plugin fenomenali.
Il tutto nasce qualche giorno faquando è 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
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
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
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
Nessun Plugin
caricato
Tempo di caricamento
First Views: 3,3 s
Repeat View: 0,689 s
@riga75
Plugin standard
Tempo di caricamento
First Views: 3,870 s
Repeat View: 1,949 s
@riga75
Plugin ottimizzato
Tempo di caricamento
First Views: 3,102 s
Repeat View: 0,744 s
@riga75
Velocizzare Joomla con dei plugin fenomenali.
Estensione First View Repeat ViewRequest
First ViewRequest
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
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_share.html
FastSocial Share for Joomla
StefanoRigazio
Tutto chiaro, vero? Domande?
Dubbi?Chiarimenti
?
@riga75