Angular 4+ App slow rendering on mobile
My angular app runs terribly slow in mobile so I carried a test and found out that the javascript execution time (after the bundle.js gets loaded) is the main bottle neck. There's a huge difference in them between desktop to that on a mobile.
What might be causing the problem and what might be the possible solutions?
Test for desktop
Test for mobile(Moto G)
You can see the JS Execution time is denoted by the purple bar.
Please have a look at the page speed suggestions by Google for your site.
https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Faiesec.org&tab=mobile
Try to make the changes mentioned and test again to see if it makes it any better.
Move the render blocking js to the footer. That's the one thing I noticed when checked the source from my mobile.
Please have a look at the below question
How can I improve load performance of Angular2 apps?
I have seen the initial slow issue on many angular apps even though they have been optimized with production build. Please have a look at that it may help.
- HTML text-overflow ellipsis detection
- How do I check if an array includes a value in JavaScript?
- make html text input field grow as I type?
- How do two (seemingly!) identical strings not equal each other?
- Writing npm modules in TypeScript
- Dynamic Flickr background image for CSS tag
- javascrip indexOf not working with underscore=
- Conditionally add object to an array while being declared
- What underlies the `var self = this` JavaScript idiom?
- Detect focus initiated by tab key?
- Tawk.to (free live chat script) produces 400 Bad Request Error
- JavaScript date objects UK dates
- How can I center the title in Appbar.Header in react-native-paper?
- Puppeteer log inside page.evaluate
- multer-gridfs error " TypeError: Cannot read properties of undefined (reading '_id') "
- Static async function in JavaScript class
- Make jest globally available in storybook
- What does "~" (tilde) mean in the import ... from "~/"
- camelCase to kebab-case
- Javascript carousel like-presentation gallery
- possible to shrink contents of iframe?
- Getting the textarea value of a ckeditor textarea with javascript
- react-router v6: Navigate to a URL with searchParams
- Verify if response is express or fastify
- Is it possible to use Firebase Realtime Database to implement a distributed mutex?
- Jest: how to mock console when it is used by a third-party-library?
- Make Bootstrap Popover Appear/Disappear on Hover instead of Click
- Guard flickers page then loads actual page
- How do I chop/slice/trim off last character in string using Javascript?
- crypto.randomUUID is not a function