Third Party Performance

THIRD PARTY PERFORMANCE

Guy Podjarny (@guypod)

CTO, Web Experience, Akamai

What’s a third party?

- Not a 1st Party?- Infrastructure & code managed by someone else- What’s not a 3rd party:

- Reused Software (e.g. jQuery, Apache) – premium or free- Commercial Hardware (e.g. ADC, WAF)- Cloud Provider (e.g. AWS)- CDN (e.g. Akamai)

Where are the third parties?

- A tag on the page- Analytics/trackers - invisible

- Image Tags & Scripts- Non-critical page components (e.g. Share buttons, Get feedback…)- Critical Page Components (A/B Testing, Shopping Cart Personalization,

Ads(?)..)

- An inline Cloud proxy (e.g. MotionPoint, SiteSpect)

# Domains Per Page

Sep 2013 Percentiles:- 25th : 4 domains- 50th : 10 domains- 75th : 21 domains- 90th : 36 domains

Ghostery Data - Media

Ghostery Data - Retail

3rd Party Extravaganza!

Why Should you Care? (from a performance perspective)

- Single Point of Failure – SPOF- Scripts block rendering of everything below them

- Delayed load event- Users see progress indicators for longer- Other deferred actions get delayed - e.g. $.ready(myfunc)

- Delayed 1st party scripts- Resource Contention- Battery Consumption (on mobile)

Home Page, Optimizely & Truste Down 22 Secs 45 Secs

Business Week, Truste Down 22 Secs

SPOF – Not Only Your Homepage

Category Page, BazaarVoice down 23 Secs

The 1st Party Arsenal

- Async- Delay onload (async att) vs don’t delay onload (IFrame)

- Defer Execution- Defer Download- Remove Tag

Analytics & Beacons

- Goal: Async without delaying onload- Shouldn’t delay visible content- Defer not great since it’s likely to miss users

Beacons that don’t delay onload

Works for Images Too!

Analytics & Beacons

- Goal: Async without delaying onload- Shouldn’t delay visible content- Defer not great since it’s likely to miss users

- Technique: Dynamically generated IFrame- Only works if no page manipulation is required

- Catches and what can you do about them- Inline & external script relationships- Event registration

Cringe… External Script

Dependent Inline Script

Further Dependent External Script

Further down dependent inline script

Run “inline” script at onload

Slight Snag… But you catch my drift…

Don’t forget this one!(combine all dependents to avoid race condition bugs)

FYI: Omniture Workarounds

Beacon API – Draft W3C Spec

Non-Critical Page Components

- Goal: Defer Download- If they’re not critical, they shouldn’t content with the rest

Defer Download Example

Non-Critical Page Components

- Goal: Defer Download- If they’re not critical, they shouldn’t content with the rest

- Catches and what can you do about them- Event registration- Inline & external script relationships- document.write()- Execution order

Nullify document.write()

Resource Priorities

Critical Page Components

- Methodology: Async with blocking onload- Keep 3rd parties from blocking 1st party content- Delay onload as page not complete until component is loaded

Async with blocking onload

Critical Page Components

- Methodology: Async with blocking onload- Keep 3rd parties from blocking 1st party content- Delay onload as page not complete until component is loaded

- Catches and what can you do about them- Event registration- Inline & external script relationships- document.write()- Execution order

Async scripts with Execution Order

Interim Summary

- Analytics/Beacons – Async without delaying onload- Non-Critical Widgets – Defer Download (and Execution)- Critical Widgets – Async with delaying onload

Resource Timing Opt-In

Ask Require All your 3rd Party Vendors to add this header!- Unless they give you a REALLY good privacy reason not to.

3rd Party Checklist – Work in Progress…

@triblondon

@bbinto

Kyle Kinnaman

@bentlegen

@igrigorik

@guypod

Summary

- 3rd Party tags are a part of our reality…- Pick your strategies:

- Analytics/Beacons – Async without delaying onload- Non-Critical Widgets – Defer Download (and Execution)- Critical Widgets – Async with delaying onload

- Track the Beacon & Resource Priorities Specs- Challenge your 3rd party vendors on their perf & availability

Third Party Performance

Technology

Transcript of Third Party Performance

Third Party

Managing a Third Party Risk Management Program · •Ongoing monitoring of Vendor performance (Vendor Score Card), third party audit report results. Sustainability through Governance

Third Party Importance

Third Party Information Security Principles - magairports.com · Third Party Information Security Principles Document Control Title: Third Party Information Security Principles Owning

Counterclaims & Third-Party Claims - Law Seminars · Counterclaims & Third-Party Claims ... CERCLA Counterclaims & Affirmative Defenses ... Third-party claim or (possibly) cross-claim

Conempt Third Party

Third Party Certificates

Third Party Operations

APPENDIX 1. THIRD PARTY CERTIFICATION BODIES. The ......APPENDIX 1. THIRD PARTY CERTIFICATION BODIES. The following Third Party Certification Bodies (Third Party Certifiers) have met

Third-Party Integrations

Third Party Presentation

Party with third party final

Optimize Facebook campaign performance with How it works trusted third-party audiences · 2019-03-27 · Audiences enables self-serve usage of trusted third-party data for targeting

3pl Third party

A Case Study: Third Party Performance-Based Navigation ...

Benchmarking Analytical Performance: Comparison of Third ... · Benchmarking Analytical Performance: Comparison of Third Party Quality Controls Sten Westgard, MS, Westgard QC Jessie

Private Equity Club Simplification presentation · PricewaterhouseCoopers LLP Slide 21 September 2006 Third Party Vendor Third Party Vendor Third Party Vendor Third Party Vendor ABC

Third Party Ownership

Third Party Agreement - AMable · 2020. 10. 16. · The Third Party(ies) shall provide all personnel, facilities, equipment and materials necessary for the proper performance of this

What are Third-party Components Doing to Your Site's Performance?