3rd party footprint - A PUBLISHER'S TAKE ON CONTROLLING 3RD PARTY SCRIPTS

#WDC14
3RD PARTY FOOTPRINT
BARBARA BERMES | @BBINTO
A PUBLISHER'S TAKE ON CONTROLLING 3RD PARTY SCRIPTS
#WDC14
I LIVE IN TORONTO, CANADA
#WDC14
I LOVE BURRITOS
#WDC14
I’M PASSIONATE ABOUT WEB PERF
#WDC14
LET’S GET THIS PARTY STARTED
#WDC14
–Ben Vinegar, Author of “Third-Party Script”
“In the strictest sense, anything served to the
client that’s provided by an organization that’s
not the website provider is considered to be
third-party”
#WDC14
TYPES OF 3RD PARTY SCRIPTS
Ads
Tracking and Analytics
Fonts
Social Media
Libraries and Frameworks
#WDC14
WHAT’S THE #1 USED 3RD SCRIPT?
#WDC14
STATS FROM BIG QUERY
#WDC14
#WDC14
31%
34.5%
38%
2011 2013 2014
32%
36%
38%
3rd party content
DISTRIBUTION OF 3RD PARTY SCRIPTS VS. 1ST PARTY
#WDC14
#WDC14
Advertising
Analytics
Personalization
Marketing
Tag Management
Search
Social Media
0 25 50 75 100
23
45
53
53
62
92
92
Percentage of sites with each third party function present
Source: Intechnica - The impact of third party content on retail web performance
#WDC14
VISUALIZE THE IMPACT OF
3RD PARTY SCRIPTS
#WDC14
#WDC14
#WDC14
#WDC14
FOREIGN CONTENT OVERLOAD
#WDC14
EXAMPLE: WIRED
#WDC14
#WDC14
BUT WHAT’S THE ISSUE?
#WDC14
THINGS TO TALK ABOUT TODAY
#WDC14
THE ISSUES AND NEGATIVE IMPACTS
Performance

Front-end Single Point of Failure (SPOF) 

Privacy

#WDC14
POTENTIAL SOLUTIONS
Safe snippets

Caching and Hosted Libraries

Tools and Initiatives
#WDC14
PERFORMANCE
#WDC14
The value you get out of the widget needs to be
greater than the performance hit you are taking
- John Hjelmstad

Google I/O 2012 (How we Make JavaScript Widgets Scream)
RULE OF THUMB
#WDC14
A user who has to endure an 8-second download delay
spends only 1% of their total viewing time looking at the
featured promotional space on a landing page.
In contrast, a user who receives instantaneous page rendering
spends 20% of viewing time within the promotional area 



(source: Jakob Nielsen)
PERCEPTION OF PROMOTIONAL SPACE
#WDC14
WHAT WOULD A LIFE WITHOUT ADS FEEL LIKE?
#WDC14
THE PERFORMANCE IMPACT OF ADS
#WDC14
#WDC14
Using no (client-side) ad
code reduced CBC’s
page load time by 40%
40%
<script/>
#WDC14
MONITOR FOREIGN CONTENT,
CONSTANTLY!
#WDC14
ArithmeticMeanins
0
2.5
5
7.5
10
10/4/12 10/31/12
BAD 3RD PARTIES (CBC TOUCH SITE)
Smooth sailing
Client-side Ads
Ads turned off
Server-side Ads


Source: Keynote Daily Reports

We noticed a spike
#WDC14
#WDC14
SINGLE POINT OF FAILURE
#WDC14
A single point of failure (SPOF) is a part of a system that, if
it fails, will stop the entire system from working
–Wikipedia
#WDC14
THE OFFENDER
It will block rendering anything after this line
#WDC14
YEAH….BUT DO THIRD PARTY PROVIDERS
EVER GO DOWN??
#WDC14
OH YES. THEY DO!
#WDC14#WDC14
#WDC14#WDC14
#WDC14#WDC14
#WDC14
THE GREAT FIREWALL OF CHINA
#WDC14
SIMULATING SPOF ON TECHCRUNCH
#WDC14
#WDC14
SPOF-O-Matic
#WDC14
#WDC14#WDC14
#WDC14
SPOF WIRED
Without SPOF
With SPOF: Visually complete 40s
#WDC14
LET’S CRASH THE PARTY
#WDC14#WDC14
#WDC14
#WDC14#WDC14
#WDC14#WDC14
#WDC14
INITIALIZING CLIENT-SIDE SCRIPTS
#WDC14
ASYNC OR DEFER JS
#WDC14
ASYNC OR DEFER JS
#WDC14
SAFEST WAY: DYNAMIC SCRIPT TAG

(to cover most of the browsers)
#WDC14
ASYNCHRONOUS LOADING
http://www.phpied.com/social-button-bffs/
#WDC14
ASYNCHRONOUS LOADING
#WDC14
ASYNCHRONOUS LOADING
#WDC14
ASYNCHRONOUS LOADING
#WDC14
ASYNCHRONOUS LOADING
#WDC14
ASYNCHRONOUS LOADING
#WDC14
ASYNCHRONOUS LOADING
#WDC14
BEFORE
#WDC14
5 seconds 25 seconds
#WDC14
AFTER
#WDC14
AFTER
5 seconds
#WDC14
PREVENTION!
PROTECT YOURSELF WITH THE HELP OF TOOLS
#WDC14
CACHING?
Don’t always rely on it!
#WDC14
CACHE POLICIES
30min.
30 min
12 hrs
20 min
1 hr
336 hrs
no cache
1 hr
3 min
#WDC14
#WDC14
HOSTED LIBRARIES?
#WDC14
DON’T JUST COPY AND PASTE
#WDC14
#WDC14
SPOF ALERT
#WDC14
DON’T DO THIS….
#WDC14
RATHER DO THIS: SILENTLY FAIL
#WDC14
Other
55%
1.7.2
14%
1.7.1
13%
1.10.2
9%
1.8.3
9%
GOOGLE’S HOSTED JQUERY FRAGMENTATION
Source: March 2014, Big Query result on jQuery from Google CDNs
#WDC14
SO, WHATS THE VERDICT:
HOSTED LIBRARIES OR NOT?
#WDC14
PRIVACY
#WDC14
“The Like button is the quickest way
for people to share content with their
friends.
A single click on the Like button will
'like' pieces of content on the web
and share them on Facebook.”
#WDC14
What they don’t tell you….
Track the visited website, your
IP, and more….????
Did you agree to that?
!
#WDC14
OPEN SOURCE INITIATIVES 

AND RESOURCES
#WDC14
PRIVACY HERO
HEISE’S OPT-IN SOLUTION
#WDC14#WDC14
#WDC14
3RD PARTY PERF HEROES
PHILIP TELLIS & STOYAN STEFANOV
#WDC14#WDC14
#WDC14
JSMANNERS
#WDC14#WDC14
#WDC14
CONTRIBUTE ON GITHUB!
https://github.com/triblondon/thirdpartysla
#WDC14
#WDC14
NEXT TIME BEFORE YOU COPY AND PASTE
#WDC14
WHAT TO DO AS A PUBLISHER & DEVELOPER
• Refuse 3rd party content that doesn’t provide async options
• Put the risk in the SLA (uptime etc.)
• Review jsmanners
• Educate other (junior) developers
#WDC14
• Ask for server-side options
• Evaluate tag managers
• Investigate hosted libraries (if no own CDN is available)
• Monitor, monitor, ….and monitor
WHAT TO DO AS A PUBLISHER & DEVELOPER
#WDC14
WHAT TO DO AS A SCRIPT PROVIDER
• Provide non-blocking code samples and snippets
• Educate developers and verify the integration of your script developers
(proof-check)
#WDC14
THE PARTY’S OVER
!
THANK YOU
#WDC14
QUESTIONS?
http://bit.ly/wdc14-3rdparty
1 of 90

Recommended

3rd Party Footprint @ Webrebels by
3rd Party Footprint @ Webrebels3rd Party Footprint @ Webrebels
3rd Party Footprint @ WebrebelsBarbara Bermes
1K views102 slides
Third Party Footprint: Evaluating the Performance of External Scripts by
Third Party Footprint: Evaluating the Performance of External ScriptsThird Party Footprint: Evaluating the Performance of External Scripts
Third Party Footprint: Evaluating the Performance of External ScriptsBarbara Bermes
4.2K views102 slides
Make your website ux rock by
Make your website ux rockMake your website ux rock
Make your website ux rockStephen Abram
606 views42 slides
With great power comes great responsibility - Microsoft Canada Open Source co... by
With great power comes great responsibility - Microsoft Canada Open Source co...With great power comes great responsibility - Microsoft Canada Open Source co...
With great power comes great responsibility - Microsoft Canada Open Source co...Frédéric Harper
553 views69 slides
Web trends to watch in 2015 by
Web trends to watch in 2015Web trends to watch in 2015
Web trends to watch in 2015David King
30.6K views64 slides
How to Survive the Google Earthquake - Cyrus Shepard by
How to Survive the Google Earthquake - Cyrus ShepardHow to Survive the Google Earthquake - Cyrus Shepard
How to Survive the Google Earthquake - Cyrus ShepardCyrus Shepard
53.5K views85 slides

More Related Content

Similar to 3rd party footprint - A PUBLISHER'S TAKE ON CONTROLLING 3RD PARTY SCRIPTS

Content Jam 2016: Get Scrappy: Smarter Content for Business Big and Small wit... by
Content Jam 2016: Get Scrappy: Smarter Content for Business Big and Small wit...Content Jam 2016: Get Scrappy: Smarter Content for Business Big and Small wit...
Content Jam 2016: Get Scrappy: Smarter Content for Business Big and Small wit...Orbit Media Studios
522 views102 slides
Optimizely Experience Chicago - Oli Gardner, Unbounce by
Optimizely Experience Chicago - Oli Gardner, UnbounceOptimizely Experience Chicago - Oli Gardner, Unbounce
Optimizely Experience Chicago - Oli Gardner, UnbounceOptimizely
8.7K views189 slides
"Adblock is a Boycott" Talk at #UXAwards by
"Adblock is a Boycott" Talk at #UXAwards"Adblock is a Boycott" Talk at #UXAwards
"Adblock is a Boycott" Talk at #UXAwardsDavid Carroll
1.4K views41 slides
Make Them All Click! Fail-Safe Ways To Convert Your Leads by
Make Them All Click! Fail-Safe Ways To Convert Your LeadsMake Them All Click! Fail-Safe Ways To Convert Your Leads
Make Them All Click! Fail-Safe Ways To Convert Your LeadsHanapin Marketing
1K views139 slides
Viral is a Dirty Word by
Viral is a Dirty WordViral is a Dirty Word
Viral is a Dirty WordGlobalStrategies
16.6K views82 slides
Intro to Snapchat for Nonprofits (webinar) by
Intro to Snapchat for Nonprofits (webinar)Intro to Snapchat for Nonprofits (webinar)
Intro to Snapchat for Nonprofits (webinar)WeDidIt
1.1K views67 slides

Similar to 3rd party footprint - A PUBLISHER'S TAKE ON CONTROLLING 3RD PARTY SCRIPTS(20)

Content Jam 2016: Get Scrappy: Smarter Content for Business Big and Small wit... by Orbit Media Studios
Content Jam 2016: Get Scrappy: Smarter Content for Business Big and Small wit...Content Jam 2016: Get Scrappy: Smarter Content for Business Big and Small wit...
Content Jam 2016: Get Scrappy: Smarter Content for Business Big and Small wit...
Optimizely Experience Chicago - Oli Gardner, Unbounce by Optimizely
Optimizely Experience Chicago - Oli Gardner, UnbounceOptimizely Experience Chicago - Oli Gardner, Unbounce
Optimizely Experience Chicago - Oli Gardner, Unbounce
Optimizely8.7K views
"Adblock is a Boycott" Talk at #UXAwards by David Carroll
"Adblock is a Boycott" Talk at #UXAwards"Adblock is a Boycott" Talk at #UXAwards
"Adblock is a Boycott" Talk at #UXAwards
David Carroll1.4K views
Make Them All Click! Fail-Safe Ways To Convert Your Leads by Hanapin Marketing
Make Them All Click! Fail-Safe Ways To Convert Your LeadsMake Them All Click! Fail-Safe Ways To Convert Your Leads
Make Them All Click! Fail-Safe Ways To Convert Your Leads
Intro to Snapchat for Nonprofits (webinar) by WeDidIt
Intro to Snapchat for Nonprofits (webinar)Intro to Snapchat for Nonprofits (webinar)
Intro to Snapchat for Nonprofits (webinar)
WeDidIt1.1K views
Social Media Baby Steps WVCA Presentation by Carrie Keenan
Social Media Baby Steps WVCA PresentationSocial Media Baby Steps WVCA Presentation
Social Media Baby Steps WVCA Presentation
Carrie Keenan319 views
QUIRKS - Janvier 2015 by Ipsos France
QUIRKS - Janvier 2015QUIRKS - Janvier 2015
QUIRKS - Janvier 2015
Ipsos France1.2K views
How you can help associations reach more participants with hybrid events - #I... by Gerrit Heijkoop
How you can help associations reach more participants with hybrid events - #I...How you can help associations reach more participants with hybrid events - #I...
How you can help associations reach more participants with hybrid events - #I...
Gerrit Heijkoop493 views
4 Content Types Every College Should Create (and how to promote them) by Daniel Beck
4 Content Types Every College Should Create (and how to promote them)4 Content Types Every College Should Create (and how to promote them)
4 Content Types Every College Should Create (and how to promote them)
Daniel Beck143 views
Social Media: Generating Leads and Beyond by Devine + Powers
Social Media: Generating Leads and BeyondSocial Media: Generating Leads and Beyond
Social Media: Generating Leads and Beyond
Devine + Powers311 views
Neil Henderson from Assembly - How To Run an ROI Positive campaign... and Hav... by Influencer Marketing Hub
Neil Henderson from Assembly - How To Run an ROI Positive campaign... and Hav...Neil Henderson from Assembly - How To Run an ROI Positive campaign... and Hav...
Neil Henderson from Assembly - How To Run an ROI Positive campaign... and Hav...
I´m not a number, I´m a free man by vicenteDiaz_KL
I´m not a number, I´m a free manI´m not a number, I´m a free man
I´m not a number, I´m a free man
vicenteDiaz_KL4.1K views
AMC2014 Demystifying Mass Emailing with Free and Open Source Software by Rhsalzman
AMC2014 Demystifying Mass Emailing with Free and Open Source SoftwareAMC2014 Demystifying Mass Emailing with Free and Open Source Software
AMC2014 Demystifying Mass Emailing with Free and Open Source Software
Rhsalzman421 views
Oli Gardner SMD Warsaw 2014 - Advanced Landing Page Optimization With Conve... by Joanna Gęsicka
Oli Gardner  SMD Warsaw 2014  - Advanced Landing Page Optimization With Conve...Oli Gardner  SMD Warsaw 2014  - Advanced Landing Page Optimization With Conve...
Oli Gardner SMD Warsaw 2014 - Advanced Landing Page Optimization With Conve...
Joanna Gęsicka13.1K views
Beyond Cold Calling: Bridging Social Selling with Inside Sales for A Winning ... by InsideSales.com
Beyond Cold Calling: Bridging Social Selling with Inside Sales for A Winning ...Beyond Cold Calling: Bridging Social Selling with Inside Sales for A Winning ...
Beyond Cold Calling: Bridging Social Selling with Inside Sales for A Winning ...
InsideSales.com4.3K views
10 Digital Marketing Essentials For Technologists by John Brunswick
10 Digital Marketing Essentials For Technologists10 Digital Marketing Essentials For Technologists
10 Digital Marketing Essentials For Technologists
John Brunswick6.5K views
Become a Google Analytics Ninja by FLBlogCon
Become a Google Analytics NinjaBecome a Google Analytics Ninja
Become a Google Analytics Ninja
FLBlogCon292 views
Demand Attention Now: Create Your Visual Moment of Truth by prnewswire
Demand Attention Now: Create Your Visual Moment of Truth Demand Attention Now: Create Your Visual Moment of Truth
Demand Attention Now: Create Your Visual Moment of Truth
prnewswire18K views

More from Barbara Bermes

Cheat Sheet to a Lean Website by
Cheat Sheet to a Lean WebsiteCheat Sheet to a Lean Website
Cheat Sheet to a Lean WebsiteBarbara Bermes
1.9K views76 slides
WebExpo Talk: EMBRACING PERFORMANCE IN TODAY’S MULTI-PLATFORM MACROCOSM by
WebExpo Talk: EMBRACING PERFORMANCE IN TODAY’S MULTI-PLATFORM MACROCOSMWebExpo Talk: EMBRACING PERFORMANCE IN TODAY’S MULTI-PLATFORM MACROCOSM
WebExpo Talk: EMBRACING PERFORMANCE IN TODAY’S MULTI-PLATFORM MACROCOSMBarbara Bermes
11K views123 slides
The Canadian Public Broadcaster on a Diet: Slimming down for a whole nation by
The Canadian Public Broadcaster on a Diet: Slimming down for a whole nationThe Canadian Public Broadcaster on a Diet: Slimming down for a whole nation
The Canadian Public Broadcaster on a Diet: Slimming down for a whole nationBarbara Bermes
6.1K views162 slides
The CBC on a diet - Slimming down for a whole nation by
The CBC on a diet - Slimming down for a whole nationThe CBC on a diet - Slimming down for a whole nation
The CBC on a diet - Slimming down for a whole nationBarbara Bermes
4.5K views113 slides
Smartphones in Today's World by
Smartphones in Today's WorldSmartphones in Today's World
Smartphones in Today's WorldBarbara Bermes
805 views36 slides
Building Energy-Efficient Websites by
Building Energy-Efficient WebsitesBuilding Energy-Efficient Websites
Building Energy-Efficient WebsitesBarbara Bermes
1.2K views16 slides

More from Barbara Bermes(9)

Cheat Sheet to a Lean Website by Barbara Bermes
Cheat Sheet to a Lean WebsiteCheat Sheet to a Lean Website
Cheat Sheet to a Lean Website
Barbara Bermes1.9K views
WebExpo Talk: EMBRACING PERFORMANCE IN TODAY’S MULTI-PLATFORM MACROCOSM by Barbara Bermes
WebExpo Talk: EMBRACING PERFORMANCE IN TODAY’S MULTI-PLATFORM MACROCOSMWebExpo Talk: EMBRACING PERFORMANCE IN TODAY’S MULTI-PLATFORM MACROCOSM
WebExpo Talk: EMBRACING PERFORMANCE IN TODAY’S MULTI-PLATFORM MACROCOSM
Barbara Bermes11K views
The Canadian Public Broadcaster on a Diet: Slimming down for a whole nation by Barbara Bermes
The Canadian Public Broadcaster on a Diet: Slimming down for a whole nationThe Canadian Public Broadcaster on a Diet: Slimming down for a whole nation
The Canadian Public Broadcaster on a Diet: Slimming down for a whole nation
Barbara Bermes6.1K views
The CBC on a diet - Slimming down for a whole nation by Barbara Bermes
The CBC on a diet - Slimming down for a whole nationThe CBC on a diet - Slimming down for a whole nation
The CBC on a diet - Slimming down for a whole nation
Barbara Bermes4.5K views
Smartphones in Today's World by Barbara Bermes
Smartphones in Today's WorldSmartphones in Today's World
Smartphones in Today's World
Barbara Bermes805 views
Building Energy-Efficient Websites by Barbara Bermes
Building Energy-Efficient WebsitesBuilding Energy-Efficient Websites
Building Energy-Efficient Websites
Barbara Bermes1.2K views
Developing for Mobile Web by Barbara Bermes
Developing for Mobile WebDeveloping for Mobile Web
Developing for Mobile Web
Barbara Bermes1.9K views
Business Analysis - Essentials by Barbara Bermes
Business Analysis - EssentialsBusiness Analysis - Essentials
Business Analysis - Essentials
Barbara Bermes3.4K views
Mobile Web Performance - Velocity 2011 by Barbara Bermes
Mobile Web Performance - Velocity 2011Mobile Web Performance - Velocity 2011
Mobile Web Performance - Velocity 2011
Barbara Bermes675 views

Recently uploaded

SWM L15-L28_drhasan (Part 2).pdf by
SWM L15-L28_drhasan (Part 2).pdfSWM L15-L28_drhasan (Part 2).pdf
SWM L15-L28_drhasan (Part 2).pdfMahmudHasan747870
28 views93 slides
String.pptx by
String.pptxString.pptx
String.pptxAnanthi Palanisamy
47 views24 slides
Electrical Crimping by
Electrical CrimpingElectrical Crimping
Electrical CrimpingIwiss Tools Co.,Ltd
21 views22 slides
Literature review and Case study on Commercial Complex in Nepal, Durbar mall,... by
Literature review and Case study on Commercial Complex in Nepal, Durbar mall,...Literature review and Case study on Commercial Complex in Nepal, Durbar mall,...
Literature review and Case study on Commercial Complex in Nepal, Durbar mall,...AakashShakya12
57 views115 slides
Codes and Conventions.pptx by
Codes and Conventions.pptxCodes and Conventions.pptx
Codes and Conventions.pptxIsabellaGraceAnkers
7 views5 slides
7_DVD_Combinational_MOS_Logic_Circuits.pdf by
7_DVD_Combinational_MOS_Logic_Circuits.pdf7_DVD_Combinational_MOS_Logic_Circuits.pdf
7_DVD_Combinational_MOS_Logic_Circuits.pdfUsha Mehta
59 views133 slides

Recently uploaded(20)

Literature review and Case study on Commercial Complex in Nepal, Durbar mall,... by AakashShakya12
Literature review and Case study on Commercial Complex in Nepal, Durbar mall,...Literature review and Case study on Commercial Complex in Nepal, Durbar mall,...
Literature review and Case study on Commercial Complex in Nepal, Durbar mall,...
AakashShakya1257 views
7_DVD_Combinational_MOS_Logic_Circuits.pdf by Usha Mehta
7_DVD_Combinational_MOS_Logic_Circuits.pdf7_DVD_Combinational_MOS_Logic_Circuits.pdf
7_DVD_Combinational_MOS_Logic_Circuits.pdf
Usha Mehta59 views
2_DVD_ASIC_Design_FLow.pdf by Usha Mehta
2_DVD_ASIC_Design_FLow.pdf2_DVD_ASIC_Design_FLow.pdf
2_DVD_ASIC_Design_FLow.pdf
Usha Mehta19 views
Performance of Back-to-Back Mechanically Stabilized Earth Walls Supporting th... by ahmedmesaiaoun
Performance of Back-to-Back Mechanically Stabilized Earth Walls Supporting th...Performance of Back-to-Back Mechanically Stabilized Earth Walls Supporting th...
Performance of Back-to-Back Mechanically Stabilized Earth Walls Supporting th...
ahmedmesaiaoun12 views
How I learned to stop worrying and love the dark silicon apocalypse.pdf by Tomasz Kowalczewski
How I learned to stop worrying and love the dark silicon apocalypse.pdfHow I learned to stop worrying and love the dark silicon apocalypse.pdf
How I learned to stop worrying and love the dark silicon apocalypse.pdf
Design and analysis of a new undergraduate Computer Engineering degree – a me... by WaelBadawy6
Design and analysis of a new undergraduate Computer Engineering degree – a me...Design and analysis of a new undergraduate Computer Engineering degree – a me...
Design and analysis of a new undergraduate Computer Engineering degree – a me...
WaelBadawy653 views
9_DVD_Dynamic_logic_circuits.pdf by Usha Mehta
9_DVD_Dynamic_logic_circuits.pdf9_DVD_Dynamic_logic_circuits.pdf
9_DVD_Dynamic_logic_circuits.pdf
Usha Mehta28 views
DevOps to DevSecOps: Enhancing Software Security Throughout The Development L... by Anowar Hossain
DevOps to DevSecOps: Enhancing Software Security Throughout The Development L...DevOps to DevSecOps: Enhancing Software Security Throughout The Development L...
DevOps to DevSecOps: Enhancing Software Security Throughout The Development L...
Anowar Hossain12 views

3rd party footprint - A PUBLISHER'S TAKE ON CONTROLLING 3RD PARTY SCRIPTS