How to properly optimize Next.js to score 100 points in Lighthouse

How to properly optimize Next.js to score 100 points in Lighthouse

HomeCoderOneHow to properly optimize Next.js to score 100 points in Lighthouse
How to properly optimize Next.js to score 100 points in Lighthouse
ChannelPublish DateThumbnail & View CountDownload Video
Channel AvatarPublish Date not found Thumbnail
0 Views
Discover the secrets to achieving a perfect 100 Lighthouse score with Next.js! In this video, we dive into the best practices and optimization techniques that will skyrocket the performance of your Next.js application. From image optimization and lazy loading to code optimization and SEO improvements, we cover it all. Join us to learn how to properly optimize Next.js and achieve maximum performance, improved user experience, and better search engine visibility. Don't settle for average scores when you can achieve greatness. Watch it now and start optimizing like a pro!

Our newsletter is live! Join thousands of other developers
https://islemmaboud.com/join-newsletter

time stamp
00:00 Introduction
03:58 1) Optimize images
08:16 2) Remove unused dependencies
09:32 3) Font optimization
11:03 4) Disabling animations on mobile devices
13:22 5) Lazy load animations
15:17 6) SEO optimization
21:02 7) Accessibility hacks

— Special Links

Join Figma for free and start designing now!
https://psxid.figma.com/69wr7zzb1mxm

Join Figma For Professionals and start designing with your team
https://psxid.figma.com/ucwkx28d18fo-cb44ct

Create a login/registration API server with JWT Express AUTH authentication using Passport.JS and Sequelize
https://youtu.be/VWEJ-GhjU4U

Turn design into React code. From prototype to full website in no time
https://youtu.be/0xhu_vgKZ8k

Watch the tutorial on designing the website on Figma
https://youtu.be/SB3rt-cQZas

Watch how to create a modern React login/registration form with smooth animations
https://youtu.be/-bll7l-BKQI

Debug React apps like a pro. Master debugging from beginner to pro with Chrome DevTools
https://youtu.be/_rnxOD9NKAs

Master React like a pro with Redux, Typescript and GraphQL. Beginner to advanced in React
https://youtu.be/M_Oes39FNuk

Learn Redux for Beginners React Redux from Zero to Hero to Build a Real App
https://youtu.be/_rnxOD9NKAs

Introduction to GraphQL with Apollo and React
https://youtu.be/eCO6MvvRhXk

Personal links:

My portfolio https://islemmaboud.com
Follow me on Twitter: https://twitter.com/ipenywis
GitHub profile https://github.com/ipenywis

Made with ️ by Coderone

Please take the opportunity to connect with your friends and family and share this video with them if you find it useful.