This is one in a series of posts that will look at the performance and #a11y metrics of the websites for the currently declared 2020 Democratic presidential candidates. Yeah, all of them! For more background on what I’m doing and how I’m doing it check read this.
Performance: 22 out of 100
YIKES! 5.2 seconds until the first meaningful paint of content.
There are very heavy images that haven’t been properly optimized and FIVE videos being loaded on the page at one time.
Modernizr classes are present for every test ever, including borderradius. Scoff! Seriously, make your own bundle for only the tests you need! I can’t remember the last year I had to prefix my border-radius CSS.
Accessibility: 55 out of 100
- Color contrast issues.
- Social links using only an icon and no discernible text.
- Images with alt attributes.
- User scaling is disallowed.
Best Practices: 79 out of 100
The usual suspects of target=”_blank” links not having a rel=”noopener” attribute present. This is a persistent issue with the ActBlue donation forms present on almost every candidate website so far.
jQuery and jQuery UI version vulnerabilities are present. Someone is still using jQuery UI?!
SEO: 100 out of 100
No glaring issues.
- HTTPS: yes
- 191 Requests
- 20.3 MB resources
- Largest asset is the 9.8 MB TimRyan_WebsiteSplash_FineCut_01_LOOP_20180705-1.mp4 used in the background of the home page. The fact that these files are being served from a dev subdomain is probably not helping matters.
- WordPress, Bridge theme.
The chosen theme relies heavily on plugins for much of its functionality, bloating the overall experience.