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.

Exceptional page speed optimizations from Google and CloudFlare

14,783 views

Published on

Join web performance experts Ilya Grigorik, Web Performance Engineer at Google, and Suzanne Aldrich, Solutions Engineer at CloudFlare, as they discuss how the evolution of modern web protocols challenges common wisdom when building fast, scalable, and secure Web applications.

In this webcast you will learn:

- Optimizing content delivery for any device
- Challenging conventional Web performance best practices with HTTP/2
- Reducing server requests with HTTP/2 and Server Push
- Utilizing a CDN to reduce web application latency
- Tools and resources you can use today

About Ilya Grigorik, Web Performance Engineer – Google
Ilya Grigorik is a web performance engineer at Google, cochair of the W3C Web Performance Working group, and author of High Performance Browser Networking (O'Reilly). In short, he's an Internet plumber. In off time, you'll find him working on open source projects, exploring the outdoors with a camera, or simply enjoying a good book.

About Suzanne Aldrich, Solutions Engineer – CloudFlare
Suzanne is a web technologist specializing in security, performance, and usability. Her interest in all things web started in high school when she created the school's website. While at Stanford, Suzanne optimized the performance of a matchbox sized server to run the Wearable Computing Lab's server. Prior to CloudFlare, Suzanne was a Senior Customer Success Engineer for Pantheon Platform.

Published in: Software
  • Be the first to comment

Exceptional page speed optimizations from Google and CloudFlare

  1. 1. In collaboration with: Presented by: Ilya Grigorik, Web Performance Engineer – Google Suzanne Aldrich, Solutions Engineer – CloudFlare Exceptional page speed optimizations from CloudFlare and Google
  2. 2. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Ilya Grigorik Web Performance Engineer Google Suzanne Aldrich Solutions Engineer CloudFlare
  3. 3. In collaboration with:
  4. 4. In collaboration with:
  5. 5. In collaboration with:
  6. 6. In collaboration with:
  7. 7. https://www.udacity.com/course/website-performance-optimization--ud884 https://developers.google.com/web/fundamentals/performance/critical-rendering-path/
  8. 8. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Optimize Content Efficiency! Text, fonts, images… all the things.
  9. 9. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich ❏ Image Quantity ❏ Vector vs. Raster ❏ Format ❏ Metadata ❏ Compression ❏ Scaling ❏ Automated Optimization
  10. 10. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich ❏ Compress text content ❏ Compress fonts ❏ Minify resources ❏ Cache the assets ❏ Cache-Control ❏ ETag for revalidation
  11. 11. In collaboration with:
  12. 12. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich
  13. 13. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Concatenation...
  14. 14. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich
  15. 15. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich
  16. 16. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich
  17. 17. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Inlining vs Server Push
  18. 18. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Multiple Link headers Link: </asset/to/push.js>; rel=preload; as=script Multiple assets per Link header Link: </css/main/style.css?v=0ab123c456>; rel=preload; as=style,</content/images/logo.png>; rel=preload; as=image,</scripts/js/jquery.js?v=0ab123c456>; rel=preload; as=script
  19. 19. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Reduce your distance (use a CDN!) "Forrester showing that 47% of users expect pages to load in two seconds or less.” - http://cfl.re/conversup
  20. 20. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich
  21. 21. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Tools/Resources
  22. 22. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich ● hpbn.co/http2 ● bit.ly/http2-opt ● Isthewebhttp2yet.com ● cloudflare.com/http2 ● istlsfastyet.com Tools/Resources ● Critical Rendering Path @ Udacity ● Web Fundamentals
  23. 23. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Q & A
  24. 24. In collaboration with: Exceptional page speed optimizations from CloudFlare and Google Ilya Grigorik & Suzanne Aldrich Ilya Grigorik @igrigorik Suzanne Aldrich @SuzanneAldrich

×