3.Performance of the app - dkapexhiu/to-do-app GitHub Wiki

When analyzing the performance of our app in Chrome Developer Tools, we can see that the performance score is great for an app!

• We can start analyzing the First meaningful paint and First interactive which are way lower than the other app and the website is loading much faster.
• The app doesn’t load images and the graphics are all loaded in css.
• The text compression is activated in the web server and that offers much more speed when loading the app
• The most basic resources for the app to load are served immediately and the bigger ones are served later (when required)
• JavaScript and CSS are minified reducing payload sizes and parse time
• Unused CSS rules are removed from stylesheets to reduce unnecessary bytes consumed by network activity
• We need to reduce render-blocking stylesheets (external stylesheets are blocking the first paint of the page; we need to deliver critical css via style tags and defer the non-critical styles and so the page can load even faster)