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.
The timing.js console log statements in devtools quickly tipped me off that Seth’s site is running the on the same platform as another I’ve already reviewed. Nice, that saves me some writing.
Performance: 42 out of 100
15 seconds Time to interactive is 4 seconds worse than the same platform running Tulsi Gabbard’s site, yet he gets 2 more points in this performance score.
Despite the many images loaded, a spot check of the largest among them at least shows that they’ve been run through a lossless image optimizer.
Accessibility: 62 out of 100
- The gravity forms plugin in use on the site adds tabindex values greater than 0. Generally there is no reason to do this, defining an order different than what it would normally be just based on the source order of elements.
- There is no visual indicator that any of the interactive elements (save for Twitter’s embedded tweets) are focused.
- Credit where credit is due, although it is visually inaccessible and doesn’t display a focus state, the Issues accordion found in the middle of the page actually does respond to keyboard clicks.
- 17 empty links with no discernible text.
Best Practices: 79 out of 100
Lo-Dash@2.4.1 contains vulnerabilities.
timing.js is logging errors to the console:
timing.js:38 Timer 'Form' does not exist
timing.js:38 Timer 'Downloading' does not exist
SEO: 92 out of 100
- HTTPS: yes
- 163 Requests
- 7.9 MB resources
- Largest asset is the 1 MB banner jpg. A prime candidate for using webp, supported in 3 of the 4 major browsers.
- Drupal, custom theme.
It looks like he hired a Massachusetts shop to design and dev the site, so props for supporting his local economy.