SiteGround

The Web Developer for People of All Races

Posted on

screenshot for El Centro de la Raza

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

Identifying Usability Problems. Developing Effective Websites.

Posted on

Henry M Jackson nonprofit foundation website screenshot

A recently redesigned website for Henry M Jackson Foundation, a Seattle-based nonprofit diversifying and democratizing  public policy by broadening access to public policy graduate study programs; and encouraging young legislators to build relationships across party lines through cross-partisan dialogue, debate, and action.

Despite using a WordPress-approved Theme, the foundation’s previous mobile site speed was sluggish, primarily due too excessive number of Plugins and associated Javascript. Our goal was to improve benchmark performance, while modernizing the brand identity and improving ease of use.

Scope of Work

  • Accessibility Consulting
  • Performance Optimization
  • Visual Design
  • WordPress Theme Development
  • WordPress Training & Consulting

Performance

Mobile page load speed was improved significantly by reducing web server requests 66%, from 102 to 35 and by reducing overall page size 54%, from 1.196 Mb to 551 Kb.

Accessibility

Improvements include higher contrast colors to better adhere to Web Content Accessibility Guidelines (WCAG) color contrast ratio guidelines; increased font sizes; increased vertical rhythm; a navigation skip link; and text links with 2 visual indicators.

Before & After Performance Comparison

Performance Metric old website New Website
Google Lighthouse: Accessibility 94/100 100/100
Google Lighthouse: Best Practices 83/100 92/100
Google Lighthouse: Mobile Speed 56/100 88/100
Google Lighthouse: Desktop Speed 97/100 98/100
Google Lighthouse: Search Engine Optimization 93/100 92/100
WebPageTest Speed Index 4.036 3.318
Total Homepage File Size 1.196 Mb (636 Kb Images + 253 Kb Scripts + 145 Kb CSS + 177 Kb Fonts + 13 Kb HTML) 551 Kb (317 Kb Images + 113 Kb Scripts + 106 Kb CSS + 16 Kb Fonts + 12 Kb HTML)
Total Web Server Requests 102 (7 Images + 47 Scripts + 41 CSS + 4 Font + 2 Other + 1 HTML) 35 (5 Images + 11 Scripts + 14 CSS + 2 Fonts + 2 Other + 1 HTML)
Estimated Mobile Homepage Load Time ~4 seconds ~3.3 seconds

WebPage Test 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: Erik Fadiman
WordPress Theme Development: Scott Marlow

WordPress Consulting for Private Companies and Nonprofit Organizations

Posted on

Environmental Services firm website screenshot

A website conversion from Joomla into WordPress for SoundEarth Strategies, a professional services firm that provides environmental and engineering consulting services in the Pacific Northwest. The marcom staff wanted to clone the existing Joomla website into a more intuitive, user-friendly WordPress CMS, already in use by a subsidiary.

Like WordPress, Joomla is a PHP-based open source Content Management System. With an estimated 2.5% share of market – it is estimated to be the fifth most popular CMS after WordPress (65% market share), Shopify (6.5%), Wix (3.4%) and Squarespace (3%). There are approximately 6,000 extensions available for Joomla vs. over 60,000 for WordPress.

Scope of Work

  • Accessibility Consulting
  • Database Content Migration
  • Performance Optimization
  • WordPress Theme Development

WebPageTest Speed Index shows a 62% improvement in mobile page load speed by reducing web server requests almost 20% and reducing page size from 3 Mb to 2 Mb.

Google Lighthouse accessibility benchmarks also improved markedly from 79 to 98/100. This is important for federal contractors who
must legally follow Web Content Accessibility Guidelines (WCAG) level AA under the American Disabilities Act. Improvements included accessible form fields, increased font sizes, and higher color contrast ratios.

Before & After Performance Comparison

Performance Metric Old Joomla Homepage
 New WordPress Homepage
Google Lighthouse: Accessibility 79/100 98/100
Google Lighthouse: Best Practices 92/100 92/100
Google Lighthouse: Mobile Speed 62/100 87/100
Google Lighthouse: Desktop Speed 89/100 87/100
Google Lighthouse: Search Engine Optimization 84/100 93/100
WebPageTest Speed Index 6.767 2.588
Total Homepage File Size 2.99 Mb (2.5 Mb Images + 295 Kb Scripts + 119 Kb CSS + 117 Kb Fonts + HTML) 1.98 Mb (1.05 Mb Images + 776 Kb Scripts + 86 Kb CSS + 39 Kb Fonts + 31 Kb Other + 34 Kb HTML)
Total Web Server Requests 50 (9 Images + 19 Scripts + 17 CSS + 4 Other + 1 HTML) 41 (7 Images + 12 Scripts + 8 CSS + 8 Other + 1 Font +5 HTML)
Estimated Mobile Homepage Load Time ~6.8 seconds ~2.6 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.

WordPress Theme Development: Scott Marlow

Developing Outstanding WordPress Websites for 12 years

Posted on

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 Metric Old Website New Website (September 2022)
Google Lighthouse: Accessibility 79/100 100/100
Google Lighthouse: Best Practices 67/100 92/100
Google Lighthouse: Mobile Speed 62/100 90/100
Google Lighthouse: Desktop Speed 89/100 95/100
Google Lighthouse: Search Engine Optimization 83/100 100/100
WebPageTest Speed Index 4.426 2.804
Total Homepage File Size 2.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 Requests 64 (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

Proven WordPress Websites that Nonprofits Love!

Posted on

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 Metric Old (Divi) WordPress Theme
 New Custom-Branded WordPress Theme
Google Lighthouse: Accessibility 88/100 100/100
Google Lighthouse: Best Practices 75/100 92/100
Google Lighthouse: Mobile Speed 47/100 96/100
Google Lighthouse: Desktop Speed 64/100 99/100
Google Lighthouse: Search Engine Optimization 82/100 90/100
WebPageTest Speed Index 6.121 2.008
Homepage File Size 6.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 Requests 59 (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).