7. Competitors Todo List Me App performance audit - marcinkopka/todo-list-app GitHub Wiki

Audit was performed by using Chrome browser (version 75.0.3770.100 - 64bit).
It has been done by using Developer Tools.
System - Windows 8.1.

Competitors application is hosted under this link :

http://todolistme.net/

Loading

PAGE LOADING TIME - 1.76 s
DOM CONTENT LOADED TIME - 1.38 s
NUMBER OF REQUESTS SENT - 93
AMOUNT OF DATA TRANSFERRED - 1.2 MB

Memory

TOTAL AMOUNT OF MEMORY USED - 11.6 MB

User actions

ADDING NEW TASK TO LIST - 332 ms

REMOVING TASK FROM LIST - 462 ms

MARKING ONE TASK AS COMPLETED - 444 ms

MARKING ALL TASKS AS COMPLETED - FUNCTION NOT AVAILABLE

Audit results

PERFORMANCE - 100 of 100
ACCESSIBILITY - 47 of 100
BEST PRACTICES - 71 of 100

Improvements that should be made :

Background and foreground colors do not have a sufficient contrast ratio. Low-contrast text is difficult or impossible for many users to read.
[id] attributes on the page are not unique. Failing Elements - span#later_number.
<frame> or <iframe> elements do not have a title. Screen reader users rely on frame titles to describe the contents of frames.
Image elements do not have [alt] attributes. Informative elements should aim for short, descriptive alternate text.
Form elements do not have associated labels. Labels ensure that form controls are announced properly by assistive technologies, like screen readers. Failing Elements - input#newtodo.newtodonormal and other 7 inputs.
<html> element does not have a [lang] attribute. If a page doesn't specify a lang attribute, a screen reader assumes that the page is in the default language that the user chose when setting up the screen reader. If the page isn't actually in the default language, then the screen reader might not announce the page's text correctly.
Does not use HTTPS. All sites should be protected with HTTPS, even ones that don't handle sensitive data. HTTPS prevents intruders from tampering with or passively listening in on the communications between your app and your users.
Uses document.write(). For users on slow connections, external scripts dynamically injected via document.write() can delay page load by tens of seconds.
Includes front-end JavaScript libraries with known security vulnerabilities. Some third-party scripts may contain known security vulnerabilities that are easily identified and exploited by attackers. Library Version - [email protected] / Vulnerability Count - 2.
Does not have a <meta name="viewport"> tag with width or initial-scale. Add a viewport meta tag to optimize your app for mobile screens.
Document doesn't use legible font sizes. Font sizes less than 12px are too small to be legible and require mobile visitors to “pinch to zoom” in order to read.
Tap targets are not sized appropriately. Tap targets are too small because there's no viewport meta tag optimized for mobile screens. Interactive elements like buttons and links should be large enough (48x48px) and have enough space around them to be easy enough to tap without overlapping onto other elements.
Image texture.png used for background is definitely too big (size). Time to load it takes 562 ms (over half second). It needs to be changed for smaller image and set in css as background-image with repeat to fill up entire page.
Some of advertisements content is loaded as images. It takes a lot of time.
Too many inline styles has been found in the code. They shoud be moved into an external css file.