What if I told you that web pages were interactive animations played back by your web browser? We watch various motions every time we're on a web page.  And it's not only JavaScript or CSS animations that I'm talking about. Scrolling, pinch zooming, text selection, and even hovering over

freeCodeCamp is a nonprofit organization offering free online coding courses and programming tutorials, covering topics such as web development, data science, and machine learning. Learners can gain practical coding skills, build real-world projects, and earn certifications to advance their careers in tech.

freeCodeCamp

Web pages are interactive animations played back by your web browser. Every time JavaScript code changes the page, an area in the previous image is invalidated, and the browser draws a new one. When a page doesn't respond swiftly to user interactions or has jerky movements, something must be off.

Web Animation Performance Fundamentals – How to Make Your Pages Look Smooth

Paint – When Code is Converted into Pixels

How to Optimize an Animation – See it in Action

<p>That was a lot. I will have to save this page to read it again aand surely try to implemtent the content. However, it is very helpful.</p>


<p>great post to learn about preformance</p>
