Website Performance Improvement Case Study

The Challenge: Why Performance Needed Urgent Attention

BoldCrafter inherited a client website suffering from persistent performance issues that were damaging both user experience and search visibility. Initial diagnostic testing revealed a Largest Contentful Paint measurement of 4.8 seconds, a First Input Delay exceeding 350 milliseconds, and a Cumulative Layout Shift of 0.25. These metrics fell well below acceptable thresholds, and the site was losing ground to competitors with faster, more responsive pages.

The business impact was tangible. Analysis showed that 47 percent of mobile visitors abandoned sessions before the page fully loaded. Conversion rates on the primary landing pages sat at 1.2 percent, significantly below industry benchmarks. The client needed a structured approach to diagnose issues, implement solutions, and establish ongoing monitoring to maintain improvements over time.

Diagnostic Process and Performance Audit

Before implementing any changes, a comprehensive audit established baseline measurements. This baseline would serve as the reference point for evaluating the success of all subsequent optimization efforts. The diagnostic process examined multiple layers of the technical stack, from front-end asset delivery to server configuration.

BoldCrafter's team used Google PageSpeed Insights, Lighthouse, and WebPageTest to gather detailed performance data. GTmetrix provided historical tracking capabilities, while Pingdom offered real-time monitoring during the optimization phase. Each tool contributed different insights, and cross-referencing results ensured a complete picture of the performance landscape.

The audit identified several interconnected problems requiring attention. Image assets accounted for 68 percent of total page weight, with uncompressed JPEGs and PNGs dominating the payload. Multiple render-blocking JavaScript files delayed page interactivity by over two seconds. The hosting environment used outdated server software with no CDN integration, resulting in poor response times for international visitors. Database queries were inefficient, and no caching layer existed to reduce repeat load overhead.

For businesses facing similar challenges, understanding Core Web Vitals provides essential context for performance work. Our Core Web Vitals guide for UK businesses explains these metrics in detail and outlines what acceptable performance looks like for modern websites.

Image Optimization and Asset Management

Image optimization became the primary focus during the first phase of work. The audit revealed multiple opportunities for improvement without compromising visual quality. BoldCrafter's team systematically addressed image compression, format selection, and delivery mechanisms.

All existing images underwent compression using Squoosh, reducing file sizes by an average of 62 percent while maintaining visual fidelity. Key images were converted to WebP format, which delivered 25 to 34 percent smaller file sizes compared to JPEG at equivalent quality settings. PNG images used for graphics and illustrations were evaluated individually, with vector alternatives created where appropriate.

Responsive images using the srcset attribute ensured that mobile devices received appropriately sized assets rather than desktop-scale images scaled down by CSS. This change alone reduced mobile payload by 41 percent on affected pages. Lazy loading was implemented for below-the-fold images, deferring their download until users scrolled near them.

For product imagery and photo galleries, modern formats like AVIF were introduced where browser support allowed, providing even smaller file sizes than WebP for certain image types. The combination of these strategies reduced the overall image payload from 4.2 megabytes to 1.1 megabytes on the homepage, directly improving Largest Contentful Paint measurements.

Minimising HTTP Requests and Render Blocking

Reducing the number of HTTP requests was the second major priority. Each resource on a page requires a separate request to the server, and excessive requests create bottlenecks even when individual file sizes are small. BoldCrafter's analysis identified 34 separate JavaScript files and 18 stylesheets loading on the homepage alone.

JavaScript files were audited for necessity. Third-party scripts from analytics platforms, chat widgets, and advertising networks were evaluated for performance cost versus business value. Non-essential scripts were removed, deferred, or moved to load after the main content using the async attribute. Critical JavaScript required for above-the-fold interactivity was identified and prioritised for immediate loading.

Stylesheets were consolidated where possible, eliminating duplicate rules and merging related stylesheets into single files. CSS delivery was optimised using conditional loading techniques, ensuring that above-the-fold styles loaded synchronously while less critical stylesheets used preload hints. Our article on performance optimization services covers these techniques in greater depth for businesses seeking hands-on support.

The results were significant. Total HTTP requests on the homepage dropped from 87 to 34, a reduction of 61 percent. Render-blocking time decreased from 2.4 seconds to 0.3 seconds, dramatically improving First Input Delay measurements.

Server Response Time and Hosting Optimisation

Server-side performance often receives less attention than front-end optimisation, but it forms the foundation upon which all other improvements depend. The initial Time to First Byte measurement of 1.8 seconds indicated problems with server infrastructure and configuration.

BoldCrafter's team evaluated the hosting environment and identified several issues. The shared hosting arrangement meant the site competed for server resources with unrelated websites. PHP version was outdated, and no server-side caching existed to reduce database query overhead. Connection pooling was not configured, creating unnecessary overhead for repeated database accesses.

The hosting environment was migrated to a managed cloud solution with integrated content delivery network. This change alone reduced Time to First Byte from 1.8 seconds to 340 milliseconds. The CDN distributed static assets across edge locations throughout the UK and Europe, ensuring fast delivery regardless of visitor location.

For businesses still evaluating their hosting needs, our UK website hosting guide outlines what to look for in a performance-focused hosting provider and how hosting choices directly impact site speed.

Database Optimisation and Caching Implementation

Database performance optimisation proved essential for maintaining fast page generation times. The existing database contained over 12,000 spam comments awaiting deletion, 8,000 post revisions accumulating over three years, and transients that had expired but were not being cleaned up automatically.

BoldCrafter's team ran a comprehensive database cleanup, removing spam comments, post revisions, and expired transients. This reduced the database size from 340 megabytes to 89 megabytes. Query performance improved as a result, with average query execution time dropping from 45 milliseconds to 8 milliseconds.

Object caching was implemented using Redis, storing database query results in memory for rapid retrieval. Full-page caching served pre-generated HTML to anonymous visitors, eliminating the need for PHP execution and database queries for repeat visits. Browser caching headers were configured to instruct visitor browsers to retain static assets locally, reducing repeat visit load times significantly.

Code Optimisation and Modern Web Standards

Beyond the major changes, smaller technical improvements contributed to the overall performance picture. HTML, CSS, and JavaScript files were minified, removing whitespace, comments, and unnecessary characters without affecting functionality. Brotli compression replaced the previous gzip implementation, providing 15 to 25 percent better compression ratios for text-based assets.

The site infrastructure was updated to support HTTP/2, enabling multiplexing of multiple requests over a single connection. This change improved asset delivery efficiency, particularly for pages with many small files. Resource hints including preload, prefetch, and preconnect were added strategically to prime the browser for upcoming resource needs.

Results and Measured Improvements

The optimisation programme delivered substantial measurable improvements across all key performance indicators. BoldCrafter's team documented results using consistent methodology, ensuring that baseline and post-optimisation measurements were directly comparable.

Largest Contentful Paint improved from 4.8 seconds to 1.7 seconds, a reduction of 65 percent. This placed the site firmly within the good threshold defined by Google's Core Web Vitals framework. First Input Delay dropped from 350 milliseconds to 48 milliseconds, eliminating the previous poor rating. Cumulative Layout Shift was reduced from 0.25 to 0.04, achieving an excellent rating and eliminating the frustrating layout shifts that had previously disrupted user interactions.

Overall performance scores improved from 54 on mobile PageSpeed Insights to 91, and from 67 to 94 on desktop. Total page weight decreased from 6.2 megabytes to 1.8 megabytes on the homepage. Average page load time across the ten highest-traffic pages decreased from 5.1 seconds to 1.6 seconds.

Business metrics reflected these technical improvements. Bounce rate on the primary landing page decreased from 71 percent to 48 percent. Average session duration increased from 1 minute 42 seconds to 3 minutes 18 seconds. Conversion rate on optimised landing pages rose from 1.2 percent to 2.4 percent, a 100 percent improvement directly attributable to performance gains.

These improvements aligned closely with the connection between site speed and business outcomes explored in our conversion rate optimisation guide, which examines how technical performance directly influences commercial results.

Ongoing Monitoring and Maintenance

Performance optimisation is not a one-time activity but an ongoing commitment to maintaining and improving site speed. BoldCrafter established automated monitoring to detect regressions before they impact users or search rankings. Alerting thresholds trigger notifications when Core Web Vitals approach poor ratings, enabling rapid response to emerging issues.

Monthly performance reviews examine current measurements against historical baselines, identifying trends that might indicate gradual degradation or new performance bottlenecks. These reviews also consider new optimisation techniques as they emerge, evaluating their applicability to the client's specific technical environment.

Performance budgets were established for each page template, defining maximum acceptable values for key metrics. New content and features undergo performance review before deployment, ensuring that additions do not compromise existing improvements. This proactive approach prevents the gradual performance erosion that affects many websites over time.

Lessons Learned and Transferable Insights

BoldCrafter's work on this project revealed several insights applicable to performance optimisation programmes across different website platforms and business contexts. First, comprehensive baseline measurement is essential. Without accurate starting metrics, it is impossible to evaluate the impact of optimisation efforts or demonstrate return on investment to stakeholders.

Second, prioritisation matters significantly. The most impactful changes often address multiple performance metrics simultaneously, making them more valuable than scattered improvements to less critical areas. In this case study, image optimisation alone contributed substantially to LCP improvements while also reducing overall page weight.

Third, user experience testing complements technical measurement. Quantitative metrics tell part of the story, but qualitative feedback from actual users provides insights that pure performance data cannot capture. The connection between performance metrics and user behaviour should be examined together, not in isolation.

Finally, ongoing monitoring prevents regression. The most technically sound optimisation programme provides limited long-term value without sustained attention to maintaining results. Performance budgets and automated alerting ensure that improvements endure over time.

Applying These Principles to Your Website

Businesses facing similar performance challenges can apply these principles systematically. Begin with a comprehensive audit to establish baseline measurements using tools like PageSpeed Insights and Lighthouse. Identify the issues contributing most significantly to poor performance, and address them in order of impact.

For UK businesses with limited technical resources, engaging professional support can accelerate progress significantly. BoldCrafter's performance optimisation services provide structured assessment, implementation, and ongoing monitoring to maintain results over time.

The techniques described in this case study apply broadly across different website platforms, though specific implementation details vary. WordPress sites benefit from plugin auditing, database maintenance, and hosting optimisation. Custom-built sites require attention to code quality, asset delivery, and server configuration. The underlying principles remain consistent: measure comprehensively, prioritise effectively, and monitor continuously.

Performance optimisation delivers compound benefits. Faster pages improve user experience, increase engagement, and support better search rankings. These improvements translate directly into commercial outcomes through higher conversion rates and improved return on marketing investment. For businesses seeking competitive advantage in the UK digital marketplace, performance optimisation is not optional but essential.

Practical checklist for applying this advice

Use this short checklist to turn the article into practical next steps without losing sight of the main goal.

• Clarify the business goal: Decide whether the priority is more enquiries, clearer information, stronger trust, better search visibility, or a smoother buying journey.
• Review the user journey: Check how quickly a visitor can understand the offer, compare options, find proof, and take the next sensible action.
• Improve one weak area at a time: Focus on the issue that blocks results first, such as unclear copy, slow pages, thin content, weak calls to action, or confusing navigation.
• Measure before and after: Track search visibility, engagement, enquiries, and conversion quality so changes are judged by evidence rather than opinion.
• Keep maintenance planned: Revisit Website Performance Improvement Case Study regularly because websites, search behaviour, and customer expectations change over time.