5 Best Practices For Blazing Fast Website Performance presented by Gomez & Forrester

3,950 views

Published on

Customers expect great online experiences — and the bar gets higher every day. Today's consumers are web savvy; they expect blazing fast performance and the highest-quality experiences no matter what site they’re visiting. If they have to wait too long for a page to load they will abandon the site for the competition.

Join Web performance experts from Gomez and Forrester Research, Inc. at this complimentary webinar to learn how to get 3 second response times from your Website, improve availability, and deliver better customer experiences. Attendees at this webinar will learn:

1. How to take advantage of the latest caching technologies so that you can cache smart and cache often

2. Best practices to minimize the impact of browser diversity on web application performance

3. How to architect your pages for raw speed and perceived performance to ensure top performance

4. Tips on how Infrastructure Operations and Marketing can partner for performance

5. Diagnostic best practices to find where performance optimization opportunities exist

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,950
On SlideShare
0
From Embeds
0
Number of Embeds
104
Actions
Shares
0
Downloads
137
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

5 Best Practices For Blazing Fast Website Performance presented by Gomez & Forrester

  1. 1. 5 Best Practices for Blazing Fast Website Performance Imad
Mouline
 Mike
Gualtieri

 CTO,
Gomez
 Senior
Analyst,
 Forrester
Research

  2. 2. Five Best Practices For Blazing Fast Web Site Performance Mike Gualtieri Senior Analyst Forrester Research March 23, 2010
  3. 3. Make your Web site faster!
  4. 4. Agenda • Why your customers won’t wait • Blazing fast best practices • Recommendations 5 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  5. 5. Achieving blazing fast Web site performance is more challenging Modern Web audiences expect more content and functionality Firms want to provide more content and functionality IT needs to reduce infrastructure costs Rising tides of users make scaling more challenging 6 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  6. 6. Great User Experiences Are Useful, Usable, And Desirable •  Users can accomplish their Useful goals •  Users can easily perform Usable tasks •  Users enjoy their Desirable experience And, fast! 7 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  7. 7. Customers want more and they want it faster.
  8. 8. Agenda • What do customers want? • Blazing fast best practices • Next practices for which to prepare 9 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  9. 9. Based upon Forrester’s ongoing Blazing Fast Web site performance research 10 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  10. 10. 1. Measure first, early and often
  11. 11. Check the performance of your peers at http://benchmarks.gomez.com 12 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  12. 12. Web applications are increasingly assembled within the browser 13 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  13. 13. Browser performance varies widely Page Load Time Web Browser (in seconds) Internet Explorer 6 9.654 Internet Explorer 7 6.740 Internet Explorer 8 4.831 Firefox 3 5.631 Firefox 3.5 4.424 Chrome 4 2.369 Safari 4 3.132 Source: Gomez sampled 360 million pages across 200+ Websites over a 30 day period from broadband users in the United States 14 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  14. 14. Best practices: Measure early and often • Measure how quickly users perform key objectives on your site. • Baseline performance metrics with a consistent reporting frequency • Know who is using your site and how performance varies from geography to geography. • Use on-demand measurement to determine the effectiveness of key changes. • Know what elements of your infrastructure are affecting performance. 15 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  15. 15. Pitfalls: Measure early and often • Don’t measure so seldom that you can’t react to problems. • Don’t measure the wrong things. 16 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  16. 16. 2. Architect pages for speed. 17 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  17. 17. Browser versions have different capabilities Source: www.browserscope.org November 19, 2009 18 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  18. 18. Browsers render differently 19 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  19. 19. Best practices: Architect pages for speed • Stay abreast of client optimizations. • Minimize server requests. • Cache intelligently. • Compress data. • Leverage client-side applications. • Use page analysis tools. • Use appliance or other software that can improve page speed (E.g. Aptimize) 20 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  20. 20. February 2009 “Best Practices: Attaining And Maintaining Blazing Fast Web Site Performance” Yahoo!’s YSlow Grades Pages And Suggests Changes That May Improve Web Performance 21 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  21. 21. Pitfalls: Architect pages for speed • Don’t rely on frameworks to keep up with browser technology. • Don’t ignore user workflow speed. • Don’t assume the HTML provided by page design tools will perform well. 22 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  22. 22. 3. Cache smartly to eliminate bottlenecks. 23 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  23. 23. Achieving blazing fast Web site performance is more challenging 24 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  24. 24. The user’s distance from the content matters 25 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  25. 25. Best practices: Cache smartly to eliminate bottlenecks • Test and monitor performance from your customer’s perspective. • Address the low-hanging fruit first. – Might not be the browser • Add an edge cache (such as Akamai, Edgecast, Limelight) if you need it. • Consider elastic caching for: application data, sessions, page fragments, and shared application state 26 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  26. 26. Pitfalls: Cache smartly to eliminate bottlenecks • Be sure your scale-out architecture is free of bottlenecks before implementing caching • Don’t create caches that hold the wrong things. 27 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  27. 27. Typical IT Web architecture is designed to scale the app server tier Load balancer Application Application Application Application server server server server Relational database 28 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  28. 28. Elastic caching adds scaling layer to overcome the data bottleneck Load balancer Application Application Application Application server server server server Cache Cache Cache node node node Persistent data store 29 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  29. 29. 4. Continually optimize your application architecture.
  30. 30. Best practices: Continually optimize your application architecture • Monitor continuously and learn. • Mitigate the risk of remote services. • Scale out Web and application servers. • Be clever about data architecture. • Divide monolithic applications to conquer them. • Diminish the role of older or limited systems and applications. • Group functions by protocol or type for better load balancing. 31 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  31. 31. Data can be scaled using a federated approach 32 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  32. 32. Divide Monolithic Applications To Scale Functions Independently 33 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  33. 33. Use a combination of approaches to scale Web application Load balancer Application Application Application Application server server server server Function A Elastic Elastic Elastic cache cache cache Function B NOSQL NOSQL RDBMS NOSQL NOSQL 34 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  34. 34. Pitfalls: Continually optimize your application architecture • Don’t get seduced by hardware vendors. • Don’t be a slave to prior art. • Don’t allow syndicators to hold you hostage. 35 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  35. 35. 5. Cooperate with app dev, infrastructure ops, and user experience pros. Source: amctv.com
  36. 36. Best practices: Partner with your app dev, infrastructure ops, and user experience colleagues • Collaborate with all on the performance imperative. • Understand the desires of your interactive marketing colleagues. • Conduct joint Web site change performance audits. 37 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  37. 37. Pitfalls: Partner with your app dev, infrastructure ops, and marketing colleagues • Don’t engage in finger-pointing. • Don’t circumvent IT operations. • Don’t underinvest in performance testing. 38 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  38. 38. Agenda • Why your customers won’t wait • Blazing fast best practices • Recommendations 39 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  39. 39. Make your Web site faster! 40 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  40. 40. To create a blazing fast Web architecture: • Test and monitor performance from your customer’s perspective. • Assess your current Web architecture to identify bottlenecks or areas of opportunity. • Address the low-hanging fruit first based upon greatest impact and lowest cost. 41 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  41. 41. Next practices • Cloud computing is here to stay – How can you evolve your architecture to take advantage of infrastructure-as-a-service (IaaS) either internal, public, and hybrid cloud? • Prepare for mobile – How will you test and improve the performance of your mobile applications? – What approach will you use to develop the applications? • New technologies: Elastic platforms and NOSQL – How can elastic caching help improve performance 42 – Can NOSQL help you scale your data? Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  42. 42. Follow these best practices 1. Measure first, early, and often 2. Architect pages for speed 3. Cache smartly to eliminate bottlenecks 4. Continually optimize your architecture 5. Cooperate with app dev, ops, user experience, and marketing 43 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  43. 43. Thank you Mike Gualtieri +1 617.613.6145 mgualtieri@forrester.com Twitter: mgualtieri www.forrester.com 44 Entire contents © 2009 Forrester Research, Inc. All rights reserved.
  44. 44. 5
Best
Practices
for
Blazing
Fast
Website
 Performance
 Imad
Mouline,
CTO,
Gomez


  45. 45. The
Performance
Optimization
Challenge
 Balancing
Cost
vs.
Performance
 Are
these
the
most
cost
 effective
improvements
 to
make?
 Operations
 Is
our
code
optimized
 for
speed
AND



 cost?
 Efficient
 Optimization
 Cloud
and
 Development
 CDN
Providers
 Am
I
overpaying
for
 performance
gains?

  46. 46. “Working
with
Pros”
‐
Optimizing
Performance
and
Costs
 Normal
Configuration
 If
you
are
paying
based
on
 Parallelized
Configuration
 volume
then
optimize
using
 parallel
downloading

  47. 47. “Continually
Optimize
your
Applications”
–
Focusing
on
 Improved
Response
Times
Yields
Business
Results
   Measure
performance
under
normal
and
peak
conditions
– Test
your
applications
at
peak
and
normal
traffic
levels,
to
find
 all
the
problems
and
optimization
opportunities
   Improve
response
times
to
 reduce
abandonment
rates
–
 Gomez
research
shows
that
 decreasing
page
response
time
 from
10
to
2
seconds
reduces
 abandonment
rates
by
38%
   Compare
yourself
against
top
































































 competitors
and
Internet
leaders

  48. 48. “Cache
Smartly”
‐
Validate
Caching
at
the
SERVER
 Long
First
Byte
times
a
 potential
server‐side
 caching
opportunity

  49. 49. “Cache
Smartly”
‐
Validate
Caching
at
the
EDGE
 In‐house
 delivered

 content
 Outsourced
 CDN
delivered
 content

  50. 50. “Cache
Smartly”
‐
Validate
Caching
at
the
BROWSER
 Safari
4.x
 Chrome
 Internet
Explorer
8.x
 Internet
Explorer
7.x
 Firefox
3.x

  51. 51. “Architect
Pages
For
Speed”
–
PLUS
Perceived
Performance
   Each
browser
has
different
performance
and
rendering
characteristics
 12
 Raw
page
load
time
 Raw
page
load
time
 10
 Perceived
page
load
time
 8
 Seconds
 6
 4
 2
 0
 Source: Gomez Real-User Monitoring   Real users around the world   360M pages over 30 days   Broadband   200+ sites

  52. 52. “Architect
Pages
For
Speed”
–
Analyze
Across
Browsers
   Firefox
   Internet
Explorer

  53. 53. “Measure
Early
And
Often”
‐
From
the
‘Outside‐in’
 The
Web
Application
Delivery
Chain
 3rd
Party/
 Browsers
 Load

 Cloud
Services
 Local
ISP
 and
devices
 Users 
 Balancers
 Web

 Servers
 Is
my
 Mobile

 Components
 Is
my
 Is
my
 Is
my
 backend
 App

 Servers
 hosting
 Website
 “Outside‐in”
customer
point
of
view Internet
 
 Website
 optimized?
 provider
 DB

 Servers
 Major
 ISP
 slowed
 optimized
 Storage
 performing
 down
by
 across
 Mainframe
 Network
 well?
 vendors?
 Content
Delivery
 Networks
 Mobile

 Carrier
 browsers?
 Traditional
zone

 Zone
of
customer
expectation
 of
control

  54. 54. “Measure
Early
And
Often”
‐
Across
Browsers
 Don’t forget to monitor across browsers as availability   Response
times
differ
across
Firefox
and
IE
agents
 & performance issues can also be browser specific
 Internet
Explorer
Agent 
 Firefox
Agent Internet
Explorer
Agent 
 
 Firefox
Agent 

  55. 55. Putting
your
plan
in
action
–
How
Gomez
can
help
 Best

 Gomez
Capabilities
 Deployment
 Production
 Practices
 Testing

 Monitoring
 Measure
 Monitor
performance
&
 Early
And
 availability
from
the
end‐users’
 Often
 perspective
 Architect
 Measure
client‐side
&
optimize
 Pages
For
 perceived
performance
across
 Speed
 multiple
browsers
 Continually
 Monitor
and
optimize
response
 Optimize
 times
for
end‐users
to
improve
 business
results
 Cache
 Validate
the
effectiveness
of
 Smartly
 caching
strategies
 Partner
with
 Evaluate
the
performance
of
 the
Pros
 cloud
and
CDN
services

  56. 56. Testing
cloud
applications
with
world’s
most
comprehensive
 performance
and
testing
network

 Backbone
 Last
Mile
 Your
Actual
Users
 Web
Performance
 
 Web
Performance
 
 Real
User
Monitoring
 Management
and

Load
Testing
 
 Management
and
Load
Testing
 
 Worldwide,
wherever
your
 100+
locations 
 100,000+
locations 
 users
are

  57. 57. For
more
information
visit
www.gomez.com
or
contact
us
at
 info@gomez.com
or
+1
781.778.2700
 Gomez
Customers
Enjoy
 Measurable
Benefits
   Increased
conversions
10%

   Reduced
homepage
load
time
from

 11.3
seconds
to
3.4
seconds
   Improved
page
load
times
23%
   Saved
50%+
in
staff
and
fees
   Reduced
seven‐step
 transaction
time
by
50%
   Reduced
downtime
45%

   Achieved
under
3
second
 response
time
and
99%+
 availability
   Validated
decision
to
consolidate
 three
data
centers

  58. 58. 5
Best
Practices
for


















 Blazing
Fast
Website
Performance 
 Questions?
 Imad
Mouline
 Mike
Gualtieri

 CTO,
Gomez
 Senior
Analyst,
 Forrester
Research


×