Performance Optimisation
FitGo Auto Care — Automotive Services & Dealership Platform
A full-featured web platform for an Oxford-based automotive care center and used car dealership, featuring vehicle inventory filtering, instant service quote estimation, and mobile tyre fitting bookings.
Technologies
Performance OptimizationCore Web VitalsLighthouseWebP/AVIFLazy LoadingAsset MinificationCachingTechnical SEO
Highlights
- Optimized Largest Contentful Paint (LCP) by compressing composite hero visuals and prioritizing critical above-the-fold assets
- Eliminated layout shifts (CLS) and reduced initial payload size across the 14+ vehicle inventory showroom using native lazy loading and responsive image sizing
- Reduced Total Blocking Time (TBT) by deferring non-critical scripts for category filtering, animated counters, and the WhatsApp chat widget
- Accelerated mobile load speeds for on-the-go users requesting emergency mobile tyre fitting within a 20-mile radius of Oxford
- Improved Lighthouse Performance and Technical SEO scores to boost local search visibility across Oxfordshire
Project Overview
FitGo Auto Care is a multi-service automotive platform and pre-owned vehicle showroom based in Oxford, UK. Because the platform relies heavily on high-resolution vehicle photography and interactive filtering, the primary goal of this engagement was comprehensive front-end performance optimization to improve mobile load speeds, Core Web Vitals, and local search rankings.
The Challenge
The website features a media-dense layout that created significant performance bottlenecks, particularly for mobile users booking roadside tyre services on cellular networks:
- Heavy Above-the-Fold Assets: High-resolution composite hero imagery and custom web fonts delayed Largest Contentful Paint (LCP).
- DOM & Image Bloat in Inventory Grids: Rendering 14+ pre-owned vehicle cards (spanning Cars, Vans, SUVs, and Sports categories) simultaneously caused excessive initial payload sizes and layout shifts.
- Render-Blocking Scripts: Interactive elements—including category tab filtering, animated stat counters, the custom quote estimator, and the floating WhatsApp widget—contributed to main-thread blocking and delayed interactivity (INP/TBT).
The Solution
- Critical Rendering Path & LCP Optimization: Prioritized above-the-fold hero assets with
fetchpriority="high", modern image compression (WebP/AVIF), and preloaded critical fonts to ensure instant visual rendering. - Inventory Grid Lazy Loading & DOM Efficiency: Implemented native lazy loading and explicit aspect-ratio dimensions for the "New Arrival" vehicle gallery and service showcase cards, eliminating Cumulative Layout Shift (CLS) and drastically cutting initial page weight.
- Script Deferral & Asset Minification: Deferred non-critical JavaScript—such as the dynamic budget calculator, animated counters, and third-party WhatsApp chat integration—while minifying CSS/JS bundles and configuring aggressive browser caching headers.