Sanjaiyan Parthipan

Hi, Memoizing functions with `useCallback` and `useMemo` for performance benefits. _Sorry if I made any errors :(_

Memoizing component 🚀

1

Memoizing the component for performance improvement :) _Sorry if I made any mistakes :(_

Optimizing functions 🚀

11

Memoizing functions using `useCallback` and `useMemo` for performance benefits :) _Extremely sorry if I made any mistakes :(_

Memoizing `<ReactRoot />`

2

Memoizing `` for minor performance improvements. _Sorry if I made any mistakes :(_

perf(core): preload stylesheets and defer scripts

6

This is inspired from `Next.js`. - [Preload critical stylesheets to improve loading speed](https://web.dev/preload-critical-assets/). - [Deferring script load for faster web page load](https://web.dev/efficiently-load-third-party-javascript/#defer).

Fix error message about `` 📝

Optimize image by adding decoding attribute 🖼

4

Optimize `` > 1. Adding `decoding` attribute with `async` value which decode the image asynchronously to reduce delay in presenting other content. _Sorry if I made any mistakes :(_

Adding `<meta name="theme-color" />` 🎨

7

Adding `` for the website. For more info https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color I choosed - light mode-: `#F5F5F5` - dark mode -: `#23272F` as a theme-colour hence it looks nice in light mode...

Lazy loading deferred components to improve the load time 🚀

2

Dynamically importing deferred components. Dynamically loading the component which is rendered according to screen size (`` && ``) _Extremely sorry if I made any mistakes :(_

Optimize image by adding decoding & loading attributes 🖼

1

Optimize `` > 1. Adding [`decoding` ](https://web.dev/learn/design/responsive-images/#image-decoding) attribute with `async` value which decode the image asynchronously to reduce delay in presenting other content. >2. Adding [`loading`](https://web.dev/learn/design/responsive-images/#loading-hints) prop with `lazy` as...