Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
SPEED SPEED SPEEDMigliorare le prestazioni ed altre amenità           Andrea De Pirro          www.ideattive.com          ...
PERCHÉ PIÙ VELOCITÀ?• SEO• Aumento     delle conversioni• Soddisfazione   dell’utente• Riduzione   dei costi• Aumento     ...
STUDIO AOL
SENZA OTTIMIZZAZIONI
STEP DI OTTIMIZZAZIONE• Riduzione   del numero di componenti della pagina• Componenti     più leggeri• Caching• Loading   ...
RIDUZIONE # COMPONENTI• Combine   JS• Combine   CSS• Sprites
COMPONENTI LEGGERI• Minify •   JS •   CSS •   HTML• Compressione       lossless delle immagini• JPG      vs PNG (8bit o 24...
CACHING•APC    ed altri acceleratori•Disk   Caching•Browser   Caching
LOADING PARALLELO•Asynchronous    JS•Deferred   JS•CDN
CDN•Cloudflare•Google   Sites•CDN   commerciali
WORDPRESS•W3 Total   Cache•WP   Smush.it•CloudFlare•Optimize   DB
ESEMPIO OTTIMIZZATO
RISCHI•Gold   Plating•Punteggio   alto != sito veloce•Velocità   apparente > Velocità reale
LINK UTILI             http://www.bookofspeed.com              http://www.cloudflare.com                   http://spriteme....
GRAZIE PERL’ATTENZIONE  Andrea De Pirro      www.ideattive.com      twitter.com/akira28     twitter.com/ideattive   facebo...
Upcoming SlideShare
Loading in …5
×

Speed Speed Speed

2,081 views

Published on

Published in: Technology, Design
  • Be the first to comment

Speed Speed Speed

  1. 1. SPEED SPEED SPEEDMigliorare le prestazioni ed altre amenità Andrea De Pirro www.ideattive.com Some credits to Stoyan Stefanov www.bookofspeed.com
  2. 2. PERCHÉ PIÙ VELOCITÀ?• SEO• Aumento delle conversioni• Soddisfazione dell’utente• Riduzione dei costi• Aumento di velocità = Aumento pageviews
  3. 3. STUDIO AOL
  4. 4. SENZA OTTIMIZZAZIONI
  5. 5. STEP DI OTTIMIZZAZIONE• Riduzione del numero di componenti della pagina• Componenti più leggeri• Caching• Loading parallelo• CDN
  6. 6. RIDUZIONE # COMPONENTI• Combine JS• Combine CSS• Sprites
  7. 7. COMPONENTI LEGGERI• Minify • JS • CSS • HTML• Compressione lossless delle immagini• JPG vs PNG (8bit o 24bit)• Gzip
  8. 8. CACHING•APC ed altri acceleratori•Disk Caching•Browser Caching
  9. 9. LOADING PARALLELO•Asynchronous JS•Deferred JS•CDN
  10. 10. CDN•Cloudflare•Google Sites•CDN commerciali
  11. 11. WORDPRESS•W3 Total Cache•WP Smush.it•CloudFlare•Optimize DB
  12. 12. ESEMPIO OTTIMIZZATO
  13. 13. RISCHI•Gold Plating•Punteggio alto != sito veloce•Velocità apparente > Velocità reale
  14. 14. LINK UTILI http://www.bookofspeed.com http://www.cloudflare.com http://spriteme.org/ http://pagespeed.googlelabs.com/ http://www.webpagetest.org/ http://www.smushit.com/ysmush.it/ http://just-dnslookup.com/ http://www.watchmouse.com/it/checkit.php http://gtmetrix.com/ http://www.mysitespeed.com/http://geebart.com/blog/ultimate-wordpress-optimization-guide
  15. 15. GRAZIE PERL’ATTENZIONE Andrea De Pirro www.ideattive.com twitter.com/akira28 twitter.com/ideattive facebook.com/Ideattive

×