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