Speed Speed Speed

1,467 views
1,429 views

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,467
On SlideShare
0
From Embeds
0
Number of Embeds
100
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • In April 2010 Google announced that page speed has become one of the ranking factors in the order of displaying search results. This means that performance is now an essential part of any SEOEsempio Shopzilla -> da 6 a 1.2 , conversioni aumentate intorno al 10% e le pageviews del 25%, Esempio FF -2.2 secondi = +15% di download (60milioni di download in più solo per lo speedup)Meno banda = meno costi\n
  • \n
  • 57 request, 730kb, 4.25sec\nQuesto è un esempio di report di GTMetrix\n
  • \n
  • Spriteme.org\n\n
  • html tidy\npngcrush\nimageoptim\nYahoo Smush.it\nnon ho messo gif perché nel 95% dei casi i png a 8bit sono più leggeri, quindi conviene praticamente sempre farle in png (anche perché grazie a dio non abbiamo più problemi di trasparenza su ie)\n\n
  • Alternative PHP Cache is a free, open source (PHP license) framework that optimizes PHP intermediate code and caches data and compiled code from the PHP bytecode compiler in shared memory. APC is quickly becoming the de-facto standard PHP caching mechanism as it will be included built-in to the core of PHP starting with PHP 6\netag, cookies\n
  • \n
  • \n
  • \n
  • \n
  • Pagespeed, Yslow\n
  • \n
  • \n
  • 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

    ×