SlideShare a Scribd company logo
A world of content
         on every web site


Eric Goldsmith
February 18, 2010
Anatomy of a Web page




Behind a Web page is a complex array of components
Many individual objects are loaded for each page

                                                   Page 2
Anatomy of a Web page




                                    Source: webpagetest.org



The key to faster pages is measuring and understanding
the component objects



                                                              Page 3
Page construction and delivery impact load time
Your pages could be slowed down by poor construction:
 Too many objects
 Objects that are too large
 Objects loading in non-optimal order
 Overly complex scripts


Or poor delivery:
 Not using a Content Delivery Network (CDN)
 Inadequate content caching


                                              Page 4
Fix what you control …




These books should be on the shelf of every Web
developer and performance engineer
 All the ‘hows’ and ‘whys’ of Web site performance


                                                     Page 5
Fix what you control …
And the use of one or more of these tools should be a
routine part of your development workflow:

 Webpagetest – www.webpagetest.org
 YSlow – developer.yahoo.com/yslow
 PageSpeed – code.google.com/speed/page-speed
 KITE – kite.keynote.com




                                                Page 6
… manage what you don’t
How much of the content of your Web site it not within
your direct control?
 Advertising
 Partner content
 Widgets
 Tracking / Analytics
 Content Delivery Networks (CDNs)


Hmm, how much of my site is that stuff?


                                                Page 7
How much content is from 3rd parties?
An informal look at top Web sites revealed that
40 – 90% of page content came from 3rd parties


The more 3rd party content, the more you’re relying on
someone else for your site’s performance
 And the more important it is to monitor performance




                                                       Page 8
Performance monitoring
Production Web site performance should be monitored…
 At regular intervals
  Several times an hour


 From various geographic locations
  Monitor from where your users are


 With sufficient granularity
  Enough data points to be statistically significant
  Object-level monitoring to help with troubleshooting



                                                         Page 9
Getting a handle on 3rd party performance

                               What happened?

                                One issue or two?

                                My content or 3rd
                                party?

                                Who owns resolution?




                                            Page 10
Getting a handle on 3rd party performance
The traditional troubleshooting approach…
 Analysts pour over various charts & metrics
 Time consuming and tedious


Something new…
 Object domains mapped to categories. For example:
  O&O (Owned and Operated)
  CDN (3rd-party Content Delivery Networks)
  3rdParty (All other content, including ads, etc)




                                                     Page 11
Getting a handle on 3rd party performance




More actionable information:
 two separate issues
 area of ownership clear(er)

                                            Page 12
Getting a handle on 3rd party performance
Viewing performance by domain/object category
 Data segregation and visualization technique to speed problem
 identification and resolution
 Available commercially in several tools
    For example, Keynote’s Virtual Pages




                                                       Page 13
Tips for managing 3rd party performance
Mitigate impact to your pages
 Load 3rd party ads, widgets, modules, etc. asynchronously (i.e.
 not blocking page content) to minimize the impact to your page

Monitor performance with external tool(s)
 Independent of you or your 3rd party content providers
 Give 3rd party content providers access to the data/reports

Ensure a defined support/escalation path
 e.g. who to call, hours of support, etc.


                                                          Page 14
Tips for managing 3rd party performance
For Service Level Agreements (SLAs), be sure to define:
 How performance is measured
  e.g. tool, test frequency, geographic location, data aggregation (mean,
  median, percentile), etc.


 Define what constitutes a failure
  e.g. more than 3 failed tests in any 1 hour period from > 2 locations


 Who’s responsible for the cost and staffing of monitoring

 Define financial impact of failure to meet SLA


                                                                     Page 15
Thank you
Contact info
 eric.goldsmith@corp.aol.com
 www.ericgoldsmith.com




                                     Page 16

More Related Content

PDF
Monitoring ads and_3rd_party_content
PDF
Monitoring ads and_3rd_party_content
PPTX
Website Performance
PDF
Designers Guide to Web Performance Yotta 2013
PDF
A Designer's Guide to Web Performance
PDF
Web performance e-book
PPT
5 Common Mistakes You are Making on your Website
PPTX
Performance in business terms
Monitoring ads and_3rd_party_content
Monitoring ads and_3rd_party_content
Website Performance
Designers Guide to Web Performance Yotta 2013
A Designer's Guide to Web Performance
Web performance e-book
5 Common Mistakes You are Making on your Website
Performance in business terms

Similar to A World of Content on Every Web Site (20)

PDF
Web Performance at First Glance
PDF
Saving the Marriage (Between your Website and the User)
PDF
Proven ways to improve your website performance optimizing front end and back...
PPT
081118 - Tracking Performance
PPTX
Performance on a budget
PDF
Performance is a Competitive Advantage
PPTX
Policing ads and 3rd party content at scale on media sites
PDF
Salesforce Performance hacks - Client Side
PPTX
Site Speed and Managing 3rd Party Content
PPTX
Simple Google Analytics: The 3 Metrics that Matter
PPTX
From Zero to Performance Hero in Minutes - Agile Testing Days 2014 Potsdam
PDF
Performance Measurement and Monitoring for Salesforce Web & Mobile Apps
PPTX
IAPP TRUSTe "Beyond Websites"
PPTX
Beyond the Website: Privacy on Web 2.0 Platforms
PPTX
Web Application Performance
PPT
Watching websites
PPTX
Fluent Conf 2017 3rd Party Friend or Foe
PDF
How to Do a Performance Audit of Your .NET Website
 
PDF
Walmart pagespeed-slide
PDF
Walmart Web Performance Circa 2013
Web Performance at First Glance
Saving the Marriage (Between your Website and the User)
Proven ways to improve your website performance optimizing front end and back...
081118 - Tracking Performance
Performance on a budget
Performance is a Competitive Advantage
Policing ads and 3rd party content at scale on media sites
Salesforce Performance hacks - Client Side
Site Speed and Managing 3rd Party Content
Simple Google Analytics: The 3 Metrics that Matter
From Zero to Performance Hero in Minutes - Agile Testing Days 2014 Potsdam
Performance Measurement and Monitoring for Salesforce Web & Mobile Apps
IAPP TRUSTe "Beyond Websites"
Beyond the Website: Privacy on Web 2.0 Platforms
Web Application Performance
Watching websites
Fluent Conf 2017 3rd Party Friend or Foe
How to Do a Performance Audit of Your .NET Website
 
Walmart pagespeed-slide
Walmart Web Performance Circa 2013
Ad

Recently uploaded (20)

PDF
Hybrid model detection and classification of lung cancer
PPTX
Chapter 5: Probability Theory and Statistics
PPTX
Final SEM Unit 1 for mit wpu at pune .pptx
PDF
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
PDF
Web App vs Mobile App What Should You Build First.pdf
PPTX
TLE Review Electricity (Electricity).pptx
PDF
Assigned Numbers - 2025 - Bluetooth® Document
PDF
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
PDF
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
PDF
Developing a website for English-speaking practice to English as a foreign la...
PDF
A novel scalable deep ensemble learning framework for big data classification...
PPTX
The various Industrial Revolutions .pptx
PDF
project resource management chapter-09.pdf
PPTX
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
PDF
A comparative study of natural language inference in Swahili using monolingua...
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PDF
A contest of sentiment analysis: k-nearest neighbor versus neural network
PDF
Enhancing emotion recognition model for a student engagement use case through...
PPTX
Tartificialntelligence_presentation.pptx
PDF
1 - Historical Antecedents, Social Consideration.pdf
Hybrid model detection and classification of lung cancer
Chapter 5: Probability Theory and Statistics
Final SEM Unit 1 for mit wpu at pune .pptx
Transform Your ITIL® 4 & ITSM Strategy with AI in 2025.pdf
Web App vs Mobile App What Should You Build First.pdf
TLE Review Electricity (Electricity).pptx
Assigned Numbers - 2025 - Bluetooth® Document
ENT215_Completing-a-large-scale-migration-and-modernization-with-AWS.pdf
DASA ADMISSION 2024_FirstRound_FirstRank_LastRank.pdf
Developing a website for English-speaking practice to English as a foreign la...
A novel scalable deep ensemble learning framework for big data classification...
The various Industrial Revolutions .pptx
project resource management chapter-09.pdf
MicrosoftCybserSecurityReferenceArchitecture-April-2025.pptx
A comparative study of natural language inference in Swahili using monolingua...
gpt5_lecture_notes_comprehensive_20250812015547.pdf
A contest of sentiment analysis: k-nearest neighbor versus neural network
Enhancing emotion recognition model for a student engagement use case through...
Tartificialntelligence_presentation.pptx
1 - Historical Antecedents, Social Consideration.pdf
Ad

A World of Content on Every Web Site

  • 1. A world of content on every web site Eric Goldsmith February 18, 2010
  • 2. Anatomy of a Web page Behind a Web page is a complex array of components Many individual objects are loaded for each page Page 2
  • 3. Anatomy of a Web page Source: webpagetest.org The key to faster pages is measuring and understanding the component objects Page 3
  • 4. Page construction and delivery impact load time Your pages could be slowed down by poor construction: Too many objects Objects that are too large Objects loading in non-optimal order Overly complex scripts Or poor delivery: Not using a Content Delivery Network (CDN) Inadequate content caching Page 4
  • 5. Fix what you control … These books should be on the shelf of every Web developer and performance engineer All the ‘hows’ and ‘whys’ of Web site performance Page 5
  • 6. Fix what you control … And the use of one or more of these tools should be a routine part of your development workflow: Webpagetest – www.webpagetest.org YSlow – developer.yahoo.com/yslow PageSpeed – code.google.com/speed/page-speed KITE – kite.keynote.com Page 6
  • 7. … manage what you don’t How much of the content of your Web site it not within your direct control? Advertising Partner content Widgets Tracking / Analytics Content Delivery Networks (CDNs) Hmm, how much of my site is that stuff? Page 7
  • 8. How much content is from 3rd parties? An informal look at top Web sites revealed that 40 – 90% of page content came from 3rd parties The more 3rd party content, the more you’re relying on someone else for your site’s performance And the more important it is to monitor performance Page 8
  • 9. Performance monitoring Production Web site performance should be monitored… At regular intervals Several times an hour From various geographic locations Monitor from where your users are With sufficient granularity Enough data points to be statistically significant Object-level monitoring to help with troubleshooting Page 9
  • 10. Getting a handle on 3rd party performance What happened? One issue or two? My content or 3rd party? Who owns resolution? Page 10
  • 11. Getting a handle on 3rd party performance The traditional troubleshooting approach… Analysts pour over various charts & metrics Time consuming and tedious Something new… Object domains mapped to categories. For example: O&O (Owned and Operated) CDN (3rd-party Content Delivery Networks) 3rdParty (All other content, including ads, etc) Page 11
  • 12. Getting a handle on 3rd party performance More actionable information: two separate issues area of ownership clear(er) Page 12
  • 13. Getting a handle on 3rd party performance Viewing performance by domain/object category Data segregation and visualization technique to speed problem identification and resolution Available commercially in several tools For example, Keynote’s Virtual Pages Page 13
  • 14. Tips for managing 3rd party performance Mitigate impact to your pages Load 3rd party ads, widgets, modules, etc. asynchronously (i.e. not blocking page content) to minimize the impact to your page Monitor performance with external tool(s) Independent of you or your 3rd party content providers Give 3rd party content providers access to the data/reports Ensure a defined support/escalation path e.g. who to call, hours of support, etc. Page 14
  • 15. Tips for managing 3rd party performance For Service Level Agreements (SLAs), be sure to define: How performance is measured e.g. tool, test frequency, geographic location, data aggregation (mean, median, percentile), etc. Define what constitutes a failure e.g. more than 3 failed tests in any 1 hour period from > 2 locations Who’s responsible for the cost and staffing of monitoring Define financial impact of failure to meet SLA Page 15
  • 16. Thank you Contact info eric.goldsmith@corp.aol.com www.ericgoldsmith.com Page 16