NodeJS express page takes too long to load
I have been working on a project for a while now using NodeJS and express to make a website. It is hosted on heroku right now.
When I was testing it during developement, I did not have any issues with load time. However when I tested it in a different Wifi than usual (which did not differ much in download speed from the usual) some pages suddenly take 40-60 seconds to load as seen below.
What I don't understand is the big gap where nothing(?) happens.
I am still studying atm so I am still very inexperienced. Any help is greatly appreciated. I would also be thankful for any links to best practices on how to go about this as I couldn't really find anything that helped me.
And please let me know if there is any more information needed to diagnose this, thank you.
It's not "nothing" happening during the big gap. You just missed what is happening. Look at the top of the graph. You will see the long green bar that's downloading. That's what's happening. It is downloading the main html file (I think the url is /).
It takes 38 seconds (38233 milliseconds) to load the html the first time and 52 seconds (52444 milliseconds) the second time. This is because your html file is 7.5MB - which is around two mp3 files.
The download times are what I would expect from trying to download two mp3 files - around 1 minute.
Find out why your HTML is 7.5MB. That's what is slowing the page load.
- How to make form with two buttons submit a different value for each button?
- What is the element#createTextRange() method?
- AWS Lambda NodeJs unable to return response
- SVG image is not loading in canvas in Mozilla browser
- Firefox error rendering an SVG image to HTML5 canvas with drawImage
- What are these three dots in React doing?
- Mocking .env variables with Vitest
- updating firestore document multiple times from event trigger function overwrites or stops updating after few triggers
- How do I create a comment with reddit's api using fetch?
- How can I stop a map click event from firing when clicking on a layer?
- MomentJS convert from UTC to desired timezone, not just local
- How do I round a number in JavaScript?
- npm run build is failing due to typescript or lodash uncompatibility
- JavaScript function in Google spreadsheets to send QR codes to emails
- Find the "potential" width of a hidden element
- creating react native library (create-react-native-library) with specific react-native version in its Example folder
- React: ".map is not a function"
- querySelector not working in Chrome extension code
- Get all user properties from Microsoft graph
- Are double quotes and single quotes interchangeable for string literals? (JavaScript)
- ESLint not working in VS Code?
- Select elements by attributes with ":" (colon)
- javascript variable as function
- React Native FlatList with position absolute behind Components
- Why am I getting a ParseError?
- Chart.js animation: onComplete event fired on hover
- Solution for parameterized testing in Cypress
- Dashed border animation in css3 animation
- JavaScript numbers to Words
- JSON and UTC datetime