Another performance-optimized website rebuild from a ThemeForest template Theme to an open source WordPress Theme.
El Centro de la Raza provides 43 programs and services in 9 different service areas for children, youth, families and seniors around King County. The website features a new events calendar, language translation, and more dynamic program content in a more accessible Theme. The Gutenberg Block Editor provides more streamlined editing, with a plethora of layout and design options for content contributors.
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 significantly improved since 2022. By reducing overall page size 88%, from 11.5 Mb to 1.4 Mb, and reducing web server requests 19% from 64 to 52, average mobile page loads have improved from ~11 to ~3 seconds.
Before & After Performance Comparison
Performance Metric | Old Website |
New Website |
Google Lighthouse: Accessibility | 88/100 | 98/100 |
Google Lighthouse: Best Practices | 92/100 | 92/100 |
Google Lighthouse: Mobile Speed | 39/100 | 87/100 |
Google Lighthouse: Desktop Speed | 54/100 | 99/100 |
Google Lighthouse: Search Engine Optimization | 79/100 | 77/100 |
WebPageTest Speed Index | 10.729 | 3.024 |
Total Homepage File Size | 11.5 Mb (10.1 Mb Images + 853 Kb Scripts + 136 Kb CSS + 31 Kb Other + 42 Kb Fonts + 42 Kb HTML) | 1.366 Mb (1 Mb Images + 239 Kb Scripts + 123 Kb CSS + 22 Kb HTML) |
Total Web Server Requests | 64 (18 Images + 18 Scripts + 14 CSS + 10 Other + 4 HTML) | 52 (13 Images + 14 Scripts + 22 CSS + 1 Other + 2 HTML) |
Estimated Mobile Homepage Load Time | ~11 seconds | ~3 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
Visual Design: Pixel Lighthouse
WordPress Theme Development: Scott Marlow
You must be logged in to post a comment.