speed speed speed

15
SPEED SPEED SPEED Migliorare le prestazioni ed altre amenità Some credits to Stoyan Stefanov www.bookofspeed.com Andrea De Pirro www.ideattive.com

Upload: andrea-de-pirro

Post on 21-Jan-2018

2.072 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Speed Speed Speed

SPEED SPEED SPEEDMigliorare le prestazioni ed altre amenità

Some credits to Stoyan Stefanovwww.bookofspeed.com

Andrea De Pirrowww.ideattive.com

Page 2: Speed Speed Speed

PERCHÉ PIÙ VELOCITÀ?

• SEO

• Aumento delle conversioni

• Soddisfazione dell’utente

• Riduzione dei costi

• Aumento di velocità = Aumento pageviews

Page 3: Speed Speed Speed

STUDIO AOL

Page 4: Speed Speed Speed

SENZA OTTIMIZZAZIONI

Page 5: Speed Speed Speed

STEP DI OTTIMIZZAZIONE

• Riduzione del numero di componenti della pagina

• Componenti più leggeri

• Caching

• Loading parallelo

• CDN

Page 6: Speed Speed Speed

RIDUZIONE # COMPONENTI

• Combine JS

• Combine CSS

• Sprites

Page 7: Speed Speed Speed

COMPONENTI LEGGERI

•Minify• JS

• CSS

• HTML

•Compressione lossless delle immagini

• JPG vs PNG (8bit o 24bit)

•Gzip

Page 8: Speed Speed Speed

CACHING

•APC ed altri acceleratori

•Disk Caching

•Browser Caching

Page 9: Speed Speed Speed

LOADING PARALLELO

•Asynchronous JS

•Deferred JS

•CDN

Page 10: Speed Speed Speed

CDN

•Cloudflare

•Google Sites

•CDN commerciali

Page 11: Speed Speed Speed

WORDPRESS

•W3 Total Cache

•WP Smush.it

•CloudFlare

•Optimize DB

Page 12: Speed Speed Speed

ESEMPIO OTTIMIZZATO

Page 13: Speed Speed Speed

RISCHI

•Gold Plating

•Punteggio alto != sito veloce

•Velocità apparente > Velocità reale

Page 15: Speed Speed Speed

GRAZIE PER L’ATTENZIONE

Andrea De Pirrowww.ideattive.comtwitter.com/akira28twitter.com/ideattive

facebook.com/Ideattive