Apache mod_pagespeed Overview

419 views
350 views

Published on

Apache mod_pagespeed tour presented at the Atlanta Web Performance Meetup. April 2, 2014.

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

No Downloads
Views
Total views
419
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Apache 2.2 and beyond. Beta since 2012, 1.0 version in 2013?
  • MD5 hash of combined file names for caching, e.g. if content changes a new hash is generated.
  • Apache mod_pagespeed Overview

    1. 1. Mark Isham CEO, Zoompf Optimizing your Web Performance with mod_pagespeed
    2. 2. What Is Mod_Pagespeed? “mod_pagespeed is an open-source Apache module created by Google to help Make the Web Faster by rewriting web pages to reduce latency and bandwidth” http://www.modpagespeed.com/
    3. 3. What it Does “Performance JIT” to automate 40+ performance best practices: Complexity Content Compression Spriting Defer Javascript Lazy Loading Image Optimization Caching Combine CSS Combine JS Inline CSS Minifiy Text CSS to Head Conditional WebP Full List
    4. 4. “Filters” • “Core Set” of “safe” optimizations – Combine CSS, Compress Images, Minify, etc. – Turns on mod_deflate (Gzip compression) • Optional filters for potentially disruptive improvements: – Move CSS to head – Convert PNG to JPG – Remove HTML comments – Sprite Images • https://developers.google.com/speed/pagespeed/modul e/config_filters
    5. 5. How it Works • Great (long) youtube video – Skip to ~22 minute mark for Apache filters • Apache input & output filters to rewrite content • Based on pagespeed libraries (not Apache specific) • CPU intensive operations offloaded to background – Optimize on first use – Examples: image compression, resize images
    6. 6. Example – combine_css filter • Before • After
    7. 7. Advanced Features • Per-request testing http://yoursite.com/file.html?ModPagespeed=on&Mod PagespeedFilters=rewrite_css • A/B testing w/ Google Analytics Use different filters for different % of traffic, different event IDs • Mapping sharded domains to mod_pagespeed
    8. 8. • Mod_Pagespeed project: http://code.google.com/p/modpagespeed/ • Overview on Youtube: https://www.youtube.com/watch?v=6uCAd QSHhmA#t=43 • Filter list: https://developers.google.com/speed/pages peed/module/config_filters • Zoompf Blog post: http://zoompf.com/blog/2014/01/step-by- step-guide-to-optimizing-your-apache-site- with-mod_pagespeed • Zoompf Free Tool: http://zoompf.com/free
    9. 9. Mark Isham mark@zoompf.com Twitter: @Zoompf plus.google.com/+Zoompf CONTACT INFO: http://zoompf.com

    ×