Optimizing Third-Party Loading in Next.js (Houssein Djirdeh)

Presented at Next.js Conf 2023.
View all talks from the conference: • Next.js Conf 2023 - In...
Explore templates of sites built with Next.js: vercel.fyi/verceltemplates
Check out the Vercel product tour: vercel.fyi/producttour
Third-party resources can have a significant impact on the user experience of Next.js applications. They can slow down page load times and introduce performance bottlenecks. Additionally, many developers are unsure about the best approach to load popular third-parties. The Chrome Aurora team is developing @next/third-parties, a package that provides a collection of components and utilities for efficiently loading third-party libraries into your Next.js application. In this talk, we will explain our thinking behind @next/third-parties and show you how to use it in your own applications. We will also give you a preview of our plans for the future of this package.

[@DVSK1]

thats awesome!

[@aiwithpratik]

Have you explored any solutions for the Content Security Policy error caused by the inline GTM? Please help!

[@dansirois6340]

Is this production ready for the Google Third-Parties that have been implemented?

[@nxtintime]

Does it work with the app dir already?

[@solarspear27]

First commit -m

[@onlineaid]

pull request

[@FunnyWay90]

What about Google Adsense ?

[@PunkVoter]

Dude in the front row casually browsing Twitter and not caring about loading times. :D

[@vladimir_dev]

Oh you know what I'd love to see in @next/third-parties/google ?
PWA

[@CodingWithTaaxo]

War xuseenow maxad leeday hhhh