A website redesign and rebuild for Habitat for Humanity of Kitsap County. This new custom-branded WordPress website replaces a 2017 volunteer-built static HTML site, which was not mobile-friendly, despite a significant amount of site visits from mobile devices.
The WordPress CMS with a Block Editor-integrated Theme enables the new marcom staff to intuitively edit content, as well as create rich, modern layouts. Google Lighthouse benchmarks across the board were significantly improved.
Scope of Work
- Accessibility Consulting
- Branding & Visual Design
- Content Migration
- Performance Optimization
- Search Engine Optimization
- Security Hardening
- WordPress Theme Development
- WordPress Training & Consulting
Performance
Page load speed improved considerably by reducing overall page size 96% from 15.4 Mb to 618 Kb, 1/4th the median homepage size.
Before & After Performance Comparison
| Performance Metric | Old Website | New Website |
| Google Lighthouse: Accessibility | 41/100 | 98/100 |
| Google Lighthouse: Best Practices | 83/100 | 100/100 |
| Google Lighthouse: Mobile Speed | 58/100 | 70/100 |
| Google Lighthouse: Desktop Speed | 53/100 | 98/100 |
| Google Lighthouse: Search Engine Optimization | 50/100 | 93/100 |
| WebPageTest Speed Index | 11.384 | 3.422 |
| Total Homepage File Size | 15.336 Mb (14.6 Mb Images + 933Kb Scripts) | 618 Kb (148 Kb Images + 290 Kb Scripts + 133 Kb CSS + 49 Kb Fonts + 11 Kb HTML) |
| Total Web Server Requests | 40 (16 Images + 9 Scripts + 2 CSS + 8Other + 5 HTML) | 41 (7 Images + 15 Scripts + 15 CSS + 2 Fonts + 1 HTML) |
| Estimated Mobile Homepage Load Time | ~11.4 seconds | ~3.4 seconds |
WebPageTest Speed Index: median = ~3.591; top 10% = <1.388
In 2022, the average page size = ~2.4 Mb and median page size = ~2.1 Mb.
Database-driven websites, like WordPress, are more performance optimized when server requests are < 40 – 60.
Site Credits
WordPress Theme Development: Scott Marlow
You must be logged in to post a comment.