Inside Out: A Web Performance Philosophy

4,280
-1

Published on

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

No Downloads
Views
Total Views
4,280
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • - This all starts with understanding PHP: it sucks, it's slow, and we're married to it- Caching done right takes the upper bound of your server and moves it from PHP to the webserver or reverse proxy- Opcode cache: stores executed scripts in memory, reduces memory usage by up to 70%- To address, we add layers of caching and build out - database caching - opcode caching - page caching - cdn - minify/concatenation - reverse proxy
  • - Make less: cookie-free subdomains, CSS sprites, Data URIs- Make it smaller: gzip compression, minify, concatenation- Make it last: far-future expires, cache-control headers- Make it count: DNS lookups (reduce # of unique hostnames needed to assemble a page), avoid redirects, no 404s
  • - Measure: Google Page Speed, GTmetrix, WebPageTest- Analyze: P3 Plugin Performance Profiler, Google Analytics- Monitor: NewRelic
  • - We could make it easier by making more assumptions- Assumptions are the best way to unintended consequences at scale- These assumptions would result in small improvements for many- We're not after small improvements, we're after moving the upper limits of your site to the stratosphere
  • Inside Out: A Web Performance Philosophy

    1. Willie JacksonSenior Marketer and EngineerW3 EDGERun paid support for W3 Total CachePerformance Team Lead at W3 EDGEFormer CTO of Seth Godins Domino Project Inside Out: A Web Performance Philosophy
    2. My story• Corporate job: IT Consultant with Accenture• Transitioned into freelance web design and dev• Inherited a fast-growing blog, learned to scale
    3. The case for speed hasbeen established. It’s not a question of IF you should care…LAYING A FOUNDATION
    4. Goals• Reduce execution time• Prevent requests from hitting the app server• Use a persistent data store whenever possible• Cache output for all unauthenticated users
    5. Time is money• Google: 500ms = 20% drop in traffic• Yahoo!: 400ms = 5-9% drop in traffic• Amazon: 100ms = 1% drop in sales
    6. In any system, the greatest performance is achieved through component specialization. INSIDE OUT
    7. It’s all about PHP• WPO starts with understanding PHP• Slowest component of the stack• Layers of caching
    8. Front end philosophy• Make less• Make it smaller• Make it last• Make it count
    9. Youre never done• Measure• Analyze• Monitor
    10. W3TC represents an approach toweb performance W3TC APPROACH
    11. Web Performance Framework• Lessons learned from scaling Mashable• How many of you use Basecamp?• Caching not sexy, but necessary
    12. What it does• Provides a persistent data store• Modularity: use what you need
    13. Perspective• We could make it easier• We could make assumptions• Our goal is not small improvements
    14. • CW Image Optimizer • WP-Optimize • P3 Plugin Performance Profiler • WordPress SEO • Image OptimWRITE THIS DOWN
    15. Sunglasses: http://www.flickr.com/photos/15268848@N00/1436902852Hosting: http://www.flickr.com/photos/46901945@N00/2886146737/sizes/z/in/photostreamTools: http://www.flickr.com/photos/43799668@N02/6017452305Computer: http://www.flickr.com/photos/46901945@N00/1925366375Sunglasses Pink: http://www.flickr.com/photos/21549678@N08/4401737770PHOTOCREDITS
    16. wjackson@w3-edge.comwww.w3-edge.comwilliejackson.com@williejackson
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×