|
| 1 | +# Performance |
| 2 | + |
| 3 | +> Lighthouse audit results for all TMHSDigital developer tool sites. |
| 4 | +
|
| 5 | +## Audit Date |
| 6 | + |
| 7 | +2026-04-09 (Lighthouse 12.8.2, Chrome headless) |
| 8 | + |
| 9 | +## Baseline Scores (pre v1.4.0 deploy) |
| 10 | + |
| 11 | +| Site | Performance | Accessibility | Best Practices | SEO | |
| 12 | +|------|:-----------:|:-------------:|:--------------:|:---:| |
| 13 | +| [Directory Catalog](https://tmhsdigital.github.io/Developer-Tools-Directory/) | 70 | 95 | 96 | 100 | |
| 14 | +| [Docker Developer Tools](https://tmhsdigital.github.io/Docker-Developer-Tools/) | 86 | 95 | 100 | 100 | |
| 15 | +| [Steam Cursor Plugin](https://tmhsdigital.github.io/Steam-Cursor-Plugin/) | 68 | 95 | 100 | 100 | |
| 16 | +| [Monday Cursor Plugin](https://tmhsdigital.github.io/Monday-Cursor-Plugin/) | 84 | 95 | 100 | 100 | |
| 17 | +| [Home Lab Developer Tools](https://tmhsdigital.github.io/Home-Lab-Developer-Tools/) | 83 | 95 | 100 | 100 | |
| 18 | + |
| 19 | +## Optimizations Applied (v1.4.0) |
| 20 | + |
| 21 | +### Font Preloading |
| 22 | + |
| 23 | +Added `<link rel="preload">` for Inter Regular and Inter Bold `.woff2` files on both the directory catalog and all tool sites. This eliminates the Flash of Invisible/Unstyled Text (FOIT/FOUT) by signaling the browser to fetch fonts before they are referenced in CSS. |
| 24 | + |
| 25 | +```html |
| 26 | +<link rel="preload" as="font" type="font/woff2" crossorigin href="fonts/inter-regular.woff2" /> |
| 27 | +<link rel="preload" as="font" type="font/woff2" crossorigin href="fonts/inter-bold.woff2" /> |
| 28 | +``` |
| 29 | + |
| 30 | +### OG Meta Tags |
| 31 | + |
| 32 | +Added `og:title`, `og:description`, `og:type`, and `og:image` meta tags to the directory catalog site. Tool sites already had these via the Jinja2 template. |
| 33 | + |
| 34 | +### Existing Optimizations (pre v1.4.0) |
| 35 | + |
| 36 | +- `font-display: swap` on all `@font-face` declarations |
| 37 | +- Self-hosted `.woff2` fonts (no CDN dependency) |
| 38 | +- Inline CSS and JS (no external stylesheets or scripts to fetch) |
| 39 | +- `prefers-reduced-motion` support disabling animations |
| 40 | +- Passive event listeners on scroll handlers |
| 41 | +- Single HTML file per site (no additional network requests beyond fonts and logo) |
| 42 | + |
| 43 | +## Notes |
| 44 | + |
| 45 | +- Performance scores fluctuate by ~5-10 points between runs due to network variability and GitHub Pages CDN. |
| 46 | +- The Directory Catalog score is lower because it has a larger DOM (9 tool cards, standards grid, embedded registry JSON, and search index JSON). |
| 47 | +- Steam site's lower performance score is due to its larger page size (30 skills, 25 MCP tools). |
| 48 | +- Accessibility at 95 across all sites; the remaining 5 points are typically contrast ratios on dim text and missing landmark roles. |
| 49 | + |
| 50 | +## Re-audit |
| 51 | + |
| 52 | +After deploying v1.4.0, re-run: |
| 53 | + |
| 54 | +```bash |
| 55 | +npx lighthouse <url> --output=json --quiet --chrome-flags="--headless" |
| 56 | +``` |
0 commit comments