Todos Audits - niyogakiza/Openclassroom_Project-8 GitHub Wiki
Todos Audits seems better than the TodoListMe, The Performance 92, Accessibility 94, Best Practice 75 then Progressive web App is low to 27 We can do some improvements like:
- On progressive web apps, we must be sure that the most features work well, some of them are:
- To have fast load page on different connections like on 3G OR 2G which are used with most of the people
- The app must be responsive
- Linkable for example like on social media,
- Be fast in whole experience not only on start-up
- Secure
- instant loading
- and discoverable for different browsers.
- Add a viewport meta tag to optimize your app for mobile screens.
- If the width of your app content doesn't match the width of the viewport, your app might not be optimized for mobile screens.
- Link elements are blocking the first paint on your page. Consider inlining critical links and deferring non-critical ones
- Enable text compression, text-based responses should be served with compression(gzip or deflate) to minimize total network bytes.
- Programmatically associate labels to all form controls and ensure there are non-duplicate labels.you can do this by using an imlicit, explicit , aria-label or aria-labelledby.
- Ensure all text elements have sufficient color contrast between the text in the foreground and background color behind it.