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
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.
WordPress Theme Development: Scott Marlow