Download - Velocizzare i siti in Joomla con dei plugin fenomenali

Transcript
Page 1: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin

fenomenali.StefanoRigazio

Page 2: Velocizzare i siti in Joomla con dei plugin fenomenali

Punti Salienti

• Vediamo i principali plugin per velocizzare• Accorgimenti vari• Bonus track (plugin creato per voi)

StefanoRigazio

Page 3: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

Hashtag dell’evento

#webreevolution

@riga75

Page 4: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

Altro hashtag importante

#rigamagodijoomla

@riga75

Page 5: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 6: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 7: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

La configurazione è molto semplice

@riga75

Page 8: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 9: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

Il plugin se messo per ultimo,

offre prestazioni migliori

@riga75

Page 10: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 11: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

Le opzioni sono tantissime e si rischia di fare casino, quindi

attenzione a ciò che fate

@riga75

Page 12: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

La parola d’ordine è testare, Perché non esiste una configurazione valida

Per tutti i siti

@riga75

Page 13: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 14: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

Se configurato bene….

Può dare buoni risultati

@riga75

Page 15: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 16: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

Pochissime impostazionie funziona alla grande

@riga75

Page 17: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 18: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

Vi siete dimenticati dell’hashtag più importante?

#rigamagodijoomla

@riga75

Page 19: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 20: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

La configurazione è semplice

Ricordati di mettere il plugin per ultimo

@riga75

Page 21: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 22: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

1) Estensione per velocizzare Joomla

2) Estensione per la cache3) .htaccess ottimizzato

Così possiamo ottenere il massimo

@riga75

Page 23: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 24: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 25: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 26: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 27: Velocizzare i siti in Joomla con dei plugin fenomenali

Velocizzare Joomla con dei plugin fenomenali.

Bonus Track

@riga75

Page 28: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 29: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 30: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 31: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 32: Velocizzare i siti in Joomla con dei plugin fenomenali

Nessun Plugin

caricato

Tempo di caricamento

First Views: 3,3 s

Repeat View: 0,689 s

@riga75

Page 33: Velocizzare i siti in Joomla con dei plugin fenomenali

Plugin standard

Tempo di caricamento

First Views: 3,870 s

Repeat View: 1,949 s

@riga75

Page 34: Velocizzare i siti in Joomla con dei plugin fenomenali

Plugin ottimizzato

Tempo di caricamento

First Views: 3,102 s

Repeat View: 0,744 s

@riga75

Page 35: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 36: Velocizzare i siti in Joomla con dei plugin fenomenali

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

Page 37: Velocizzare i siti in Joomla con dei plugin fenomenali

StefanoRigazio

Tutto chiaro, vero? Domande?

Dubbi?Chiarimenti

?

@riga75