Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Le performance come esperienza religiosa - CSS day 2017

decarola
March 17, 2017

Le performance come esperienza religiosa - CSS day 2017

Paragone improbabile tra tennis e performance front-end. Portato al CSS day 2017 di Faenza, e al Front end meetup di Prato.

decarola

March 17, 2017
Tweet

More Decks by decarola

Other Decks in Technology

Transcript

  1. – Steve Souders (the Performance Golden Rule) “80-90% of the

    end-user response time is spent on the frontend. Start there.”
  2. – Gary Illyes - What Crawl Budget Means for Googlebot

    “Making a site faster improves the users' experience while also increasing crawl rate.”
  3. "Users expect pages to load in two seconds, and after

    three seconds, up to 40% of users will abandon your site" — Lara Hogan (Designing for Performance: Weighing Aesthetics and Speed) — Gomez (Why Web Performance Matters: Is Your Site Driving Customers Away?)
  4. "Users expect pages to load in two seconds, and after

    three seconds, up to 40% of users will abandon your site" — Lara Hogan (Designing for Performance: Weighing Aesthetics and Speed) — Gomez (Why Web Performance Matters: Is Your Site Driving Customers Away?)
  5. 28%

  6. Shopzilla Site Redesign – We get what we measure Shopzilla

    riducendo i tempi di caricamento del sito da 7 a 2 secondi ha ottenuto un incremento del 25% di page views e un incremento del 7-12% delle revenue
  7. Shopzilla Site Redesign – We get what we measure Shopzilla

    riducendo i tempi di caricamento del sito da 7 a 2 secondi ha ottenuto un incremento del 25% di page views e un incremento del 7-12% delle revenue
  8. Shopzilla Site Redesign – We get what we measure Shopzilla

    riducendo i tempi di caricamento del sito da 7 a 2 secondi ha ottenuto un incremento del 25% di page views e un incremento del 7-12% delle revenue
  9. Riassunto • Come il tennis • Per ogni tipologia; •

    Per ogni aspetto; • Tecnico o no;
  10. Riassunto • Come il tennis • Per ogni tipologia; •

    Per ogni aspetto; • Tecnico o no; • Gli utenti ci fanno caso (UX); • Google ci fa caso (SEO); • ci fanno caso;
  11. Riassunto • Come il tennis • Per ogni tipologia; •

    Per ogni aspetto; • Tecnico o no; • Gli utenti ci fanno caso (UX); • Google ci fa caso (SEO); • ci fanno caso; • Dr. Chiodarelli is the new Rafa Nadal
  12. • Poche chiamate HTTP; • CSS in alto; • JS

    in basso; • Minify; • Gzip; • Cache;
  13. 20%

  14. 66%

  15. !!!

  16. GIF

  17. RWD

  18. Riassunto • Mobile first, progressive enhancement; • Immagini ottimizzate; •

    Codice P-U-L-I-T-O (occhio a framework etc); • HTTP2.