Developing Outstanding WordPress Websites for 12 years

Presenting my latest website overhaul for Early Music Seattle, a nonprofit presenting classic concerts at venues around the city – including Benaroya Hall, Bastyr University Chapel, Federal Way Community Performing Arts Center, Langston Hughes Performing Arts Institute, and Town Hall.

Early Music Seattle screenshot

This project involved converting a custom-built WordPress Theme and migrating content into a new performance-optimized Theme (_Underscores). The Block Editor was integrated for more robust layout and styling. Accessibility improvements included higher contrast colors, navigation skip links, keyboard accessible menus, and mobile-clickable phone numbers. A new branded event calendar was also integrated, with the ability for community organizations to submit third-party events. By reducing server requests 45% and reducing page size 85%, page load speed now ranks in the upper 10th percentile of sites.

Scope of Work

  • Accessibility consulting
  • Content migration
  • Performance optimization
  • Security hardening
  • WordPress training & consulting

Site Statistics

Performance MetricOld WebsiteNew Website (September 2022)
Google Lighthouse: Accessibility79/100100/100
Google Lighthouse: Best Practices67/10092/100
Google Lighthouse: Mobile Speed62/10090/100
Google Lighthouse: Desktop Speed89/10095/100
Google Lighthouse: Search Engine Optimization83/100100/100
WebPageTest Speed Index4.4262.804
Total Homepage File Size2.1 Mb ( 1.36 Mb Images + 574 Kb Scripts + 156 Kb CSS + Kb HTML)323 Kb (169 Kb Images + 57 Kb Scripts + 45 Kb CSS + 43 Kb Fonts + 18 Kb HTML)
Total Web Server Requests64 (22 Images + 29 Scripts + 11 CSS + 5 Other + 2 HTML)35 (7 Images + 11 Scripts + 13 CSS + 3 Font + 1 HTML)
Total Homepage Load Time~4.4 seconds~2.8 seconds

WebPage Test Speed Index: median = ~3.591; top 10% = <1.388
In 2021, 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.

Photography: EMS staff, volunteers and Scribe Music
Videography: Markdavin Obenza: Scribe Music
Visual Design
: Amy Tullis
WordPress Theme Development: Scott Marlow

Accessible Websites You Need. Content Editing Features You Want.

A new WordPress Theme for Base Supply Center, operated by The Lighthouse for the Blind. This new Gutenberg block-powered Theme replaces the former Avada Theme. Website improvements include:

  • mobile-friendly phone numbers;
  • increased font sizing with improved line-height for readability;
  • improved color contrast;
  • and table-less HTML layout.

supply center website

Scope of Work

  • Accessibility auditing, consulting and remediation
  • DNS management
  • Performance optimization
  • Security hardening
  • WordPress training & consulting

Benchmarks

Performance MetricUnderscores Theme
Google Lighthouse: Accessibility100/100
Google Lighthouse: Best Practices92/100
Google Lighthouse: Mobile Speed67/100
Google Lighthouse: Desktop Speed89/100
Google Lighthouse: Search Engine Optimization91/100
WebPageTest Speed Index2.396
Total (Discover) Page File Size2.09 Mb (1.4 Mb Images + 528 Kb Scripts + 81 Kb CSS + 138 Kb Fonts + 20 Kb HTML)
Total Web Server Requests90 (26 Images + 38 Scripts + 16 CSS + 6 Fonts + 3 Other + 1 HTML)
Total Homepage Load Time~2.6 seconds

An optional HTML Table Caption
WebPage Test Speed Index: median = ~3.591; top 10% = <1.388
In 2021, 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.

Proven WordPress Websites that Nonprofits Love!

Sound Generations’ Project Enhance provides licensing, training and assistance for two nationally recognized evidence-based programs: Enhance®Fitness and Enhance®Wellness.

The new Project Enhance WordPress site features an integrated members-only content area for fitness instructors and affiliates across 43 states. Benchmarks across all measurable areas have improved significantly. Overall page size has reduced 93% from 6.5 Mb to < 500 Kb; web server requests have reduced 69% from 59 to 18. These improvements result in page load speeds less than 3 seconds.

Enhance Fitness and Wellness website

Site Statistics

Performance MetricOld (Divi) WordPress Theme
New Custom-Branded WordPress Theme
Google Lighthouse: Accessibility88/100100/100
Google Lighthouse: Best Practices75/10092/100
Google Lighthouse: Mobile Speed47/10096/100
Google Lighthouse: Desktop Speed64/10099/100
Google Lighthouse: Search Engine Optimization82/10090/100
WebPageTest Speed Index6.1212.008
Homepage File Size6.46 Mb (6.06 Mb Images + 205 Kb Scripts + 239 Kb CSS +100 Kb Fonts + Kb HTML)484 Kb (302 Kb Images + 3 Kb Scripts + 33 Kb CSS + 149 Kb Fonts + 8 Kb HTML)
Web Server Requests59 (16 Images + 17 Scripts + 19 CSS + 5 Fonts + 2 HTML)18 (7 Images + 2 Scripts + 6 CSS + 2 Fonts + 1 HTML)
Homepage Load Time~6.1 seconds~2 seconds

WebPage Test Speed Index: median = ~3.591; top 10% = <1.388
In 2021, 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.

Other site updates and improvements include:

More readable content with font sizes > 16 pixels and reduced line widths; keyboard-navigable menu with skip to content link for screen readers;  custom-branded browser favicon; improved security, including bruteforce protection.

Project Enhance is a collaboration between Sound Generations, University of Washington and Group Health Cooperative (now Kaiser Permanente).

WordPress. The Most Respected Content Management System in the World.

Did you know WordPress powers 39.5% of all websites (up from powering 35% of sites in 2020)?

CMSMarket Share (2021)
WordPress65%
Shopify6.5%
Wix3.4%
SquareSpace3.0%
Joomla2.5%
Drupal1.9%
2021 stats according to W3 Techs

Lytle Enterprises contacted our team in October 2021 with accessibility, SEO and usability concerns for their aging website. Our goals included:

  1. To refresh and modernize the website based on the organization’s existing brand identity;
  2. To improve ease of use – including content management, information architecture, readability, and site maintenance;
  3. To improve conformance with Web Content Accessibility Guidelines (WCAG) level AA – including keyboard-navigable navigation, skip-to-content links, semantic HTML, site search; and high color contrast [> 4.5:1 and > 3.5:1 for large text];
  4. To improve site performance and security;
  5. To improve search engine visibility and optimization.

The final benchmark results were impressive …

Performance MetricOld website (November 2021)New Website (April 2022)
Google Lighthouse: Accessibility96/100100/100
Google Lighthouse: Best Practices67/100100/100
Google Lighthouse: Mobile Speed59/10086/100
Google Lighthouse: Desktop Speed71/10098/100
Google Lighthouse: Search Engine Optimization71/10093/100
WebPageTest Speed Index5.8452.116
Total Homepage File Size377 Kb
(201 Kb Images + 172 Kb Scripts + 13 Kb CSS + 40 Kb Fonts + 19 Kb HTML)
383 Kb
(231 Kb Images + 4 Kb Scripts + 41 Kb CSS + 107 Kb Fonts + 8 Kb HTML)
Total Web Server Requests25
(3 Images +13 Scripts + 5 CSS + 2 Font + 5 HTML)
20
(6 Images + 2 Scripts + 8 CSS + 3 Fonts + 1 HTML)
Total Homepage Load Time~5.8 seconds~2.1 seconds
WebPage Test Speed Index: median = ~3.591; top 10% = <1.388
In 2021, 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.

Web Design + Development Team

Visual Design: Erik Fadiman
WordPress Theme Development: Scott Marlow