I Wanna Go Fast: Advanced Techniques to Optimize Front End Performance

Slides from my talk at WordCamp US 2015

Transcript

1. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   A DVA N C E D T E C H N I Q U E S TO
   O P T I M I Z E F R O N T- E N D
   P E R F O R M A N C E
   I WA N N A G O FAS T
   A L L E N M O O R E | S E N I O R F R O N T E N D E N G I N E E R
   

   View Slide

2. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   W H E R E TO F I N D M E
   • Twitter: @creativeallen
   • Personal Blog: allenmoore.me
   • Github: http://github.com/allenmoore
   

   View Slide

3. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   PAG E S P E E D A N D LOA D
   T I M E D I R E C T LY A F F E C T S …
   

   View Slide

4. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   U S E R E X P E R I E N C E
   

   View Slide

5. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   U S E R E N G AG E M E N T
   

   View Slide

6. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   T E C H N I Q U E S TO O P T I M I Z E
   F R O N T- E N D P E R F O R M A N C E
   

   View Slide

7. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   ASY N C JAVAS C R I P T
   

   View Slide

8. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   P R I O R I T I Z E T H E C R I T I C A L
   R E N D E R I N G PAT H
   

   View Slide

9. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
   L A Z Y LOA D
   

   View Slide

10. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
    P R E F E TC H , P R E LOA D,
    P R E R E N D E R
    

    View Slide

11. Additional resources, and more in-depth tutorials are
    available at allenmoore.me/wcus2015.
    

    View Slide

12. Allen Moore • @creativeallen • #wcus • allenmoore.me/wcus2015
    

    View Slide