what more can i do to decrease my speed index and largest contentful paint in my Reactjs App

Viewed 13

i created a chatroom app in Reactjs

i am using the following packages

  • "browser-image-compression": "^2.0.0",
  • "dotenv": "^16.0.2",
  • "firebase": "8.5",
  • "framer-motion": "^7.1.0",
  • "react": "^18.0.0",
  • "react-icons": "4.4.0",
  • "react-router-dom": "^6.3.0"

i have lazily loaded every route, compressed my images... still i get about

1.6s First Contentful Paint 2.7s Time to Interactive 4.7s Speed Index 3.7s Largest Contentful Paint

here's the source code if you'd like to look at the code here's the Hosted Site

0 Answers
Related