Castella Architectural Hardware

Castella Architectural Hardware sources sophisticated and beautiful ranges of fine architectural hardware from across the world. We have crafted a new, highly effective theme to decrease page load times and deliver an improved user experience.

 

Take me to the website

Quick Facts

88.74%
Increase in page speed
78.54%
Quicker Visual page load
14.82%
Reduction in page size

The Solution

To solve the slow website problem it was proposed that we would recreate the visual experience of the existing website in a completely new and custom built theme. The new theme was built with as many best practice principles in mind with the aim of reducing page load. At the same time we made a number of small improvements to create a more cohesive and unified design and simplify user interactions.

The new theme was built from the “ground-up” to optimise the delivery of visible content, speed up overall page load, and ultimately provide a fast, snappy user experience.

 

View website

Key Performance Metrics

To assess the performance of the new theme, a number of key performance metrics were used. The performance metrics included;

  • First visual change – This tells us how long the user is staring at a blank screen. Smaller numbers are better.
  • Speed index – A number (in seconds) representing essentially how fast the page “feels”. Smaller numbers are better. Read more about speed index here.
  • Fully loaded time/page size – How long did it take the page to fully load, and how big was the page. Again smaller numbers are better.
  • Number of requests – The number of times a webpage must request assets (stylesheets, javascripts or images) from a remote location. Smaller numbers are better.
  • Google page speed – Google provides a tool to measure how well it thinks a page performs on mobile/desktop (two ratings), out of 100. Bigger numbers are better.

The metrics were measured across a number of pages/page types that represented a good cross-section of the whole website, but for the sake of brevity only the homepage results are included here. The numbers shown here are the mean averages.

MetricBeforeAfterImprovement
First Visual Change2.333s0.500s78.54%
Speed Index3.018s1.599s47.02%
Fully Loaded3.373s2.746s18.56%
Number of Requests936035.48%
Google Page Speed
(Mobile / Desktop)
6 / 3037 / 67

Numbers are great, but pictures are better;

Before

After

Back to Case Studies