7 ways to improve your web application performance on a budget

7 Ways to Improve Your Web Application Performance (on a Budget)

Introduction

Goal #1

Actionable takeaway’s

Goal #2

No need to take notes

Goal #3

Goal #3

Finish early

Goal #3

Goal #3

Agenda

Best practices

Free tools/services

3rd Parties

The Cloud

Making the most of your monitoring – Proactive

Making the most of your monitoring – Reactive

Social Media

Bonus

#1

Best practices

Steve Souders

14 Rules

The Power of Less

Combine

Minimize

Compress

Cache

Sprites

Combine

Minimize

Compress

Cache

CSS Sprites

Location, Location, Location

CSS at the top

JavaScript at the bottom

Inline = Bad

Post-load

Cuzillion

#2

Free tools and services

Firebug

DOMcontentLoaded

onLoad

blocking

Firebug

No blocking

Google Page Test

Google Page Test

Google Page Test

WebPageTest.org

WebPageTest.org

WebPageTest.org

just-ping.com

Smush.it

Image on the front page

Smush.it

Awesome!

#3

3rd Parties

CDN’s

CDN’s (pricing)

Google Hosted Libraries

DNS

Ecosystem Management

#4

The Cloud!

Unexpected Capacity

Offloaded capacity

Application based CDN

Lessons so far

#5

Make the most of your existing monitoring

(Proactively)

#6

Make the most of your existing monitoring

(Reactively)

Insta-check globally

Waterfall graph globally

Add new monitors

Script Recorder

Alerting

#7

Social Media

Bonus Method

Bonus

Google Analytics + Event Tracking

Agent Dashboard

Event 2 Event 1 Event 3

Code to time here

Sample Graphs

Links

Links to everything mentioned:

http://bit.ly/PerformanceLinks

Link to the presentation:

http://bit.ly/PerformancePresentation

Thank You!

Questions?

Thanks for your feedback!

Lenny RachitskySenior Engineering Manager

Lenny.Rachitsky@neustar.biz

Call Us: 877-524-8299

Email Us: WMOutsideMktg@NeuStar.biz

Learn More: www.webmetrics.com

http://bit.ly/PerformanceLinkshttp://bit.ly/PerformancePresentation