Third-party services should be assessed as first parties
Whether advertising, chatbots, maps, or other tooling; outsourcing your service to a third-party provider may be potentially useful in certain scenarios in reducing design or development time and redundancy (which can be a win for sustainability). Third-party services, however, come with issues, such as the lack of control over emissions, and they often can potentially suffer from latency and large file sizes which may not exist if you self-hosted or created the material.
Criteria: Assess third-parties
Third-party services (including plugins, widgets, feeds, maps, carousels, etc) have been assessed as early in the ideation or creation process as possible and as few of them are used as possible to reduce the product or service's overall ecological impact, including Scope 3 emissions.
Resources
- 6 steps to reduce the carbon footprint of your website
- Are my third parties green?
- Building for sustainability with WordPress
- Built With
- GPF - General Policy Framework (PDF) - 2.9 - Specifications (Off-The-Shelf Components)
- GPF - General Policy Framework (PDF) - 2.10 - Specifications (Third-Party Services)
- GPF - General Policy Framework (PDF) - 3.1 - Architecture (Impact Reduction)
- GPF - General Policy Framework (PDF) - 4.4 - UX and UI (Third-Party Enablement)
- GPF - General Policy Framework (PDF) - 6.7 - Front-End (Server Host)
- GPF - General Policy Framework (PDF) - 7.3 - Back-End (Background Processing)
- How efficient code increases sustainability in the enterprise
- How large DOM sizes affect interactivity
- How To Reduce The Impact Of Third-Party Code
- How tracking pixels work
- Scope 3 Emissions in Your Digital Supply Chain
- Should I Use A Carousel
- United Nations SDGS - Goal 7 - Sustainable Energy
- United Nations SDGS - Goal 12 - Consumption & Production
Criteria: Third-party implementation
Third-party content (including plugins, widgets, feeds, maps, carousels, chat widgets, etc) that loads or requests resources or functionality from a location outside of the primary location, should be placed behind a click-to-load delay screen (using the "import on interaction" pattern), while alternatives are offered, for instance a link to a contact form as an alternative for a chat widget.
Resources
- Are my third parties green?
- Boring Web Development
- Built With
- Cross-Origin Resource Sharing (CORS)
- Electricity Intensity of Internet Data Transmission
- Fast Load Times: Optimize your third-party resources
- Front-End Performance 2021: Defining The Environment
- GPF - General Policy Framework (PDF) - 3.1 - Architecture (Impact Reduction)
- GPF - General Policy Framework (PDF) - 7.3 - Back-End (Background Processing)
- GreenIT - 4030 - Avoid using carousels
- Lighthouse: Lazy load third-party resources with facades
- Reduce the weight of a web page: which elements have the greatest impact?
- Reducing The Web's Carbon Footprint: Optimizing Social Media Embeds
- Should I Use A Carousel
- Speed up your Wordpress by loading 3rd party scripts on interaction
- The User Experience of Chatbots
- United Nations SDGS - Goal 7 - Sustainable Energy
- United Nations SDGS - Goal 12 - Consumption & Production
- Web Video Text Tracks Format
Criteria: Libraries and frameworks
Large CSS libraries and JavaScript frameworks are only be used if a more performant alternative that achieves the same goal cannot be used instead.
Resources
- Boring Web Development
- Fast Load Times: Optimize your third-party resources
- Front-End Performance 2021: Defining The Environment
- JavaScript performance
- Measuring energy consumption of cross-platform frameworks for mobile applications (PDF)
- MicroJS
- Plain Vanilla
- Reckoning
- The Cost of Javascript Frameworks
- United Nations SDGS - Goal 7 - Sustainable Energy
- United Nations SDGS - Goal 12 - Consumption & Production
- Use as few plugins as possible
- You don't need JavaScript for that
- You Might Not Need
- You Might Not Need that Framework
Criteria: Self-hosting
Self-hosted content has been prioritized over embedded content from third-party services.
Resources
Criteria: Avoiding dependency
Your own clickable icons and widgets have been created, rather than relying on third-party services to host or allow embedding within your product or service.
Resources
- Boring Web Development
- Fast Load Times: Optimize your third-party resources
- Front-End Performance 2021: Defining The Environment
- GPF - General Policy Framework (PDF) - 2.9 - Specifications (Off-The-Shelf Components)
- GPF - General Policy Framework (PDF) - 2.10 - Specifications (Third-Party Services)
- GPF - General Policy Framework (PDF) - 4.4 - UX and UI (Third-Party Enablement)
- GreenIT - 019 - Replace official social networks share buttons
- Plain Vanilla
- Reckoning
- Simple Icons
- The Cost of Javascript Frameworks
- United Nations SDGS - Goal 7 - Sustainable Energy
- United Nations SDGS - Goal 12 - Consumption & Production
- Use as few plugins as possible
Criteria: Third-party preferences
Third-party products, services, libraries, and frameworks are often a source of sustainability issues that cannot be controlled or managed by the first-party provider of a service. While many do provide benefits to a website, the need to justify their inclusion must be made not only by those creating the product or service but also be able to be controlled by the consumer. As showcased with cookies, websites or applications can provide a similar mechanism of disabling or refusing non-first-party features (with explanations of their purpose) - unless such features can be proven as critical for functionality.
Resources
- An empirical study on the performance and energy costs of ads and analytics in mobile web apps
- Are my third parties green?
- Building for sustainability with WordPress
- Built With
- Cookies, Pixels, and Tags
- GPF - General Policy Framework (PDF) - 2.9 - Specifications (Off-The-Shelf Components)
- GPF - General Policy Framework (PDF) - 2.10 - Specifications (Third-Party Services)
- GPF - General Policy Framework (PDF) - 4.4 - UX and UI (Third-Party Enablement)
- GR491 - 5-3036 - Necessary Analytics
- GR491 - 6-3045 - Third-party Solutions
- How tracking pixels work
- Tracking pixel security
- United Nations SDGS - Goal 7 - Sustainable Energy
- United Nations SDGS - Goal 12 - Consumption & Production
- What could the sustainability initiative do for WordPress?
- What is a tracking pixel, and how does it work?
Impact: High, Effort: Medium
GRI | Impact |
---|---|
materials | High |
energy | High |
water | High |
emissions | High |
Benefits of this guideline
- Environment: Replacing heavy tooling and third-party services with lightweight tooling reduces visitor bandwidth usage considerably, despite having to learn a new way of doing things or reducing the visibility of such information. It can significantly reduce a page's (and data you have no control over) environmental impact, especially when it comes to Scope 3 emissions.
- Privacy: Visitors not interested in embedded content may identify the lack of third-party tracking (such as embedded pixels and tags) as a privacy benefit, as there are fewer chances that visitor data is exploited.
- Performance: Self-made widgets and controls work much faster than third-party content as you don't have to perform additional server requests, rendering requests, and such. You only include what features you require, and this reduces the overall size of the bandwidth usage (and emissions produced).
Example
-
code
-
content
It's time to lazy-load offscreen iframes.
Tags:
- JavaScript
- Performance
- Privacy
- Security
- Software
- UI
- Usability