TodoListMe Audits - niyogakiza/Openclassroom_Project-8 GitHub Wiki

The competitor's site doesn't seem to be good we have 48 Performance, Progressive web app is 9, Accessibility is good but Best Practice is 56 In my point of view are many things that could be done to improve the performance:

• Add a viewport meta tag to optimise your app for mobile screens
• If the width of your app's content doesn't match the width of the viewport, your app might not be optimized for mobile screens.
• Ensure all informative elements have short, descriptive alternate text and all decorativeelements have empty alt attributes(e.g.alt="".)
• Labels ensure that the form controls are announced properly by assistive technology, like screen readers.
• Low-contrast text is difficult or impossible for many users to read.Ensure all text elements have sufficient color contrast between the text in the foreground and background color behind it.
• Minimize the number of required or critical resources that must be downloaded or executed before the page can load.
• Minimize the size of each critical resource.
• Ensure all and <iframe> elements have titles and that no titles are repeated.
• The value of an id attribute must be unique to prevent other instances from being overlooked by assistive technologies.so rename ids.
• Some third-party scripts may contain known security vulnerabilities that are easily identified and exploited by attackers.so is better you use the updated versions.
• Make sure app's short_name few than 12 characters to ensure that it's not truncated on home screens.
• Image displayed sizes should match their natural aspect ration.
• All sites should be protected with HTTPS, even the one that doesn't handle sensitive data, HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users.
• All JavaScripts should be in main or js files not inline so that all .js files will be minified in one file.
• To make your app respond to user input faster, you need to optimize how your code runs in the browser.they are several tips online on rendering performance, these tips range from offloading computation to web workers in order to free up the main thread, to refactoring your CSS selectors to perform fewer calculations, to using CSS properties that minimize the amount of browser-intensive operations.
• 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.