Remove articles optimizing-content-efficiency-loading-third-party-javascript
article thumbnail

Gatsby Headaches: Working With Media (Part 1)

Smashing Magazine

This article is the first of a brief two-part series where we will look specifically at the media you are most likely to use: images, video, and audio. Solving Image Headaches In Gatsby I think that the process of optimizing images can fall into four different buckets: Optimize image files. Lazy loading other images.

Media 79
article thumbnail

The Fight For The Main Thread

Smashing Magazine

The Fight For The Main Thread The Fight For The Main Thread Geoff Graham 2023-10-24T18:00:00+00:00 2023-10-24T22:02:26+00:00 This article is sponsored by SpeedCurve Performance work is one of those things, as they say, that ought to happen in development. But what’s also common is managing multiple third-party scripts on a single page.

Google 90
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Debugging Interaction to Next Paint (INP)

Speed Curve

The Performance panel can be overwhelming – even for experienced engineers – as it exposes how much work the browser is doing to load pages or handle interactions. Load a page Load the page to you want to investigate. Wait until has finished load before profiling it. Amazon Ads executes. Prebid executes.

article thumbnail

Gatsby Headaches: Working With Media (Part 2)

Smashing Magazine

It works with React-powered components that consume APIs before optimizing and bundling everything to serve as static files with bits of reactivity. You can write content in Markdown, parse it into your GraphQL data layer, source it into your components, and then bundle it as HTML static files during the build process.

Media 87
article thumbnail

Reducing Carbon Emissions On The Web

Smashing Magazine

This piece will cover some of my experiences in doing this, as well as my current thoughts on optimizing websites for carbon emissions , and some practical examples of things you can do to improve your own pages. Jump to table of contents ?. Performance And Emissions. Large preview ). Rendering Is Much Slower on Mobile.

Website 135
article thumbnail

Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds

Smashing Magazine

Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds. Reducing The Web’s Carbon Footprint: Optimizing Social Media Embeds. The average web page size has been increasing steadily for years and is currently just over 2MB (according to HTTP Archive ), and much of that increase can be attributed to Javascript.

article thumbnail

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. Projects built using JavaScript-based frameworks often ship large bundles of JavaScript that take time to download, parse and execute, blocking page render and user input in the process. Adrian Bece.

Code 89