- Industries
- Solutions
- Platform & Systems
- Services
- Our Work
- About Seota
When a Texas homeowner’s AC fails in July, every second counts. They don’t just search; they search with urgency. A slow, shifting website isn’t just an annoyance; it’s a reason to click back and call a competitor. For Comfort-Air, this wasn’t a hypothetical problem. Widespread Core Web Vitals issues were creating friction for real users and impacting their search visibility. This is the story of how a systematic approach to optimizing Core Web Vitals eliminated 100% of desktop LCP and CLS issues.
When SEOTA began auditing Comfort-Air.com, Google’s Chrome UX Report showed widespread Largest Contentful Paint (LCP) and Cumulative Layout Shift (CLS) issues across desktop pages. Rather than focusing on synthetic benchmark scores alone, the project targeted real-user performance measured by Google Search Console. The objective was simple: improve the browsing experience while building a stronger technical SEO foundation.
Our initial audit using Google Search Console revealed a systemic issue, not just a few slow pages. The data showed a significant technical problem that was actively harming the user experience for potential Comfort-Air customers across Texas.
Initial analysis suggested that oversized images were responsible for poor LCP. However, after reviewing Chrome DevTools, Lighthouse, PageSpeed Insights and real-user Chrome UX Report data, it became clear that the issue resulted from several cumulative factors rather than a single bottleneck.
The audit identified several contributors:
• Oversized hero images.
• Inconsistent responsive image delivery.
• Render-blocking CSS, fonts and JavaScript.
• Missing image dimensions causing layout movement.
• Front-end assets delaying above-the-fold rendering.
After identifying the primary bottlenecks, the focus shifted from measuring performance to improving how the browser discovers, downloads, and renders above-the-fold content. Rather than relying on a single optimization, multiple front-end improvements were implemented across the WordPress theme to reduce resource loading delays, stabilize layouts, and improve rendering efficiency.
Each optimization was carefully scoped to improve real-user performance without affecting maintainability or the existing content management workflow.
Images represented the Largest Contentful Paint (LCP) element across the majority of landing pages. Although image compression had already been applied, the browser was still downloading larger assets than necessary and delaying the rendering of critical content.
To address this, responsive image delivery was standardized across the website using modern
For above-the-fold hero images, lazy loading was removed and asynchronous decoding was introduced where appropriate, allowing the browser to prioritize visual content that users see immediately.
Sample:
function eh_get_image_defaults($attr = array()) {
$defaults = array(
‘loading’ => ‘lazy’,
‘decoding’ => ‘async’,
);
if (empty($attr[‘sizes’])) {
$defaults[‘sizes’] = ‘(max-width: 767px) 100vw, (max-width: 1199px) 50vw, 33vw’;
}
return array_merge($defaults, $attr);
}
echo sprintf(
‘<img src=”%1$s”%2$s sizes=”%3$s” alt=”%4$s” loading=”eager” fetchpriority=”high” decoding=”async”>’,
esc_url($desktop_src),
$desktop_srcset ? sprintf(‘ srcset=”%s”‘, esc_attr($desktop_srcset)) : ”,
esc_attr($desktop_sizes_compact),
esc_attr($desktop_alt)
);
Once the primary LCP element was identified, the focus shifted to helping the browser discover and render it as early as possible.
Above-the-fold hero and banner images were prioritized using loading=”eager” and fetchpriority=”high”, while oversized images were replaced with responsive, viewport-aware assets. Font loading was also optimized using preconnect, non-blocking stylesheets, and font-display: swap to reduce render delays and improve above-the-fold rendering.
Sample:
function twentynineteen_resource_hints($urls, $relation_type) {
if (‘preconnect’ !== $relation_type) {
return $urls;
}
$urls[] = ‘https://fonts.googleapis.com‘;
$urls[] = array(
‘href’ => ‘https://fonts.gstatic.com‘,
‘crossorigin’ => ‘anonymous’,
);
return $urls;
}
add_filter(‘wp_resource_hints’, ‘twentynineteen_resource_hints’, 10, 2);
function eh_defer_theme_scripts($tag, $handle, $src) {
$deferred_handles = array(
‘twentynineteen-popper’,
‘twentynineteen-stellarnav’,
‘twentynineteen-navAccordion’,
‘twentynineteen-custom’,
);
if (!in_array($handle, $deferred_handles, true)) {
return $tag;
}
return sprintf(‘<script src=”%1$s” defer></script>’, esc_url($src));
}
Several visual elements shifted during rendering, negatively impacting the user experience and CLS scores.
To improve layout stability, explicit image dimensions were added where appropriate, responsive image handling was standardized, and hero/banner images were optimized to reserve layout space before loading. Additional front-end optimizations, including deferred JavaScript and moving jQuery to the footer, helped reduce rendering interruptions and improve overall responsiveness.
The critical rendering path was further optimized by reducing render-blocking assets and unnecessary front-end overhead. CSS and JavaScript were minified, selected scripts were deferred, and static asset delivery was improved through theme-level optimizations and caching. These changes reduced main-thread blocking and supported better interaction responsiveness.
Performance improvements extended beyond images. Several render-blocking resources delayed the browser from painting visible content.
Stylesheets were optimized to reduce blocking behavior, JavaScript execution was deferred where possible, and non-critical resources were moved outside of the critical rendering path.
Rather than removing functionality, the objective was to ensure that resources were downloaded and executed only when they were required.
Accessibility enhancements were implemented alongside performance optimizations to improve usability, semantic structure, and compatibility with assistive technologies.
Sample:
<button
type=”button”
class=”d-flex d-xl-none menu-btn ms-auto ms-sm-3″
data-bs-toggle=”offcanvas”
data-bs-target=”#offcanvasMenu”
aria-controls=”offcanvasMenu”
aria-label=”Open menu”>
In addition to front-end performance improvements, content-heavy areas were optimized to reduce unnecessary page weight and improve browsing efficiency. Blog listings and resource pages were updated to load content more efficiently while maintaining a consistent user experience.
Performance improvements were supported by cleaner, more maintainable theme architecture. Reusable helper functions and WordPress coding best practices were introduced to reduce duplication, improve consistency, and simplify future development.
The engineering improvements produced measurable gains across Google’s Core Web Vitals reporting.
| Metric | Before | After |
|---|---|---|
| Desktop LCP Issues | 100+ URLs | 0 |
| Desktop CLS Issues | 73 URLs | 0 |
| Chrome UX Report Status | Poor | Good |
Unlike isolated Lighthouse improvements, these results were confirmed using Google’s field data collected from actual visitors.
Several engagement metrics showed encouraging improvements in user interaction.
| Metric | Before | After | Per-user improvement |
|---|---|---|---|
| Page views per user | 1.97 | 2.29 | +16.11% |
| Session starts per user | 1.22 | 1.30 | +5.98% |
| User engagement per user | 2.43 | 2.87 | +18.22% |
The implementation also resulted in higher volumes for several important engagement events.
| Event | Before | After |
|---|---|---|
| User engagement | 2,438 | 2,876 |
| First visit | 1,846 | 2,812 |
| Scroll | 523 | 712 |
| Phone call | 297 | 362 |
No single optimization was responsible for the final outcome.
Instead, improvements resulted from addressing every stage of the browser rendering pipeline:
Together, these changes reduced loading delays while creating a faster and more stable browsing experience across the website.
A slow, unstable website is a hidden drain on your marketing budget and a direct pipeline to your competitors. If your business relies on local search, every second of load time and every layout shift costs you potential customers. Comfort-Air didn’t just fix a technical problem; they invested in a superior customer experience that delivered measurable growth.
Stop losing leads to slow load times and frustrating website experiences. Discover the exact optimizations that can transform your site into a high-performance lead-generation machine.
Ready to turn your website into a competitive advantage?
