Introduction
Canyon is a global leader in the cycling industry, known for engineering high-performance bikes for enthusiasts and professionals alike. For Canyon, the customer journey begins online - making digital speed and user experience a critical part of their brand promise.
To match the performance of their bikes with the performance of their website, Canyon partnered with Speed Kit to deliver a faster, smoother, and more responsive online experience.
"Our customers expect speed - on the road and online. With Speed Kit, we’re delivering a digital experience that’s as smooth and high-performing as our bikes. Integration was quick, and the support from the Speed Kit team made the process seamless."
Challenge
Solution
Canyon integrated Speed Kit into www.canyon.com to boost performance across all devices. By caching even dynamic HTML pages and intelligently predicting where users will click next, Speed Kit ensured that every interaction felt instant.
Key metrics like Time to First Byte (TTFB) and Largest Contentful Paint (LCP) improved dramatically - translating into faster browsing and higher user satisfaction.
Speed Kit is an official ACE eligible technology partner and independent software vendor (advanced tier) of the AWS Competency Partner Program "Accelerate" as well as the Workload Migration Program. Our technology is powered by 13 different AWS services:
- Elastic Kubernetes Service (EKS): We use EKS to schedule and orchestrate our Speed Kit applications on EC2 instances.
- Simple Storage Service (S3): Speed Kit stores cached assets in S3 buckets. Additionally, we store RUM (Real User Monitoring) and PI (Performance Insights) data in S3 buckets for analytics purposes.
- Elastic Compute Cloud (EC2): Our workloads are hosted on EC2 instances, as managed through EKS.
- Kinesis Data Streams: Kinesis Data Streams are used to ingest RUM and PI data from Speed Kit, which is then consumed by Amazon Managed Service for Apache Flink. Fastly also streams access logs to our Kinesis Data Stream, which are similarly consumed by Amazon Managed Service for Apache Flink.
- Athena: We use Amazon Athena to query data stored in AWS S3 buckets, enabling performance insights and asset preloading.
- Elastic Container Registry (ECR): Docker images are stored in ECR and deployed in our Kubernetes cluster, which is managed by EKS. For third-party application images, we use the pull-through-cache feature of ECR.
- Elastic Container Service (ECS): We build Docker images using a service hosted on Amazon ECS.
- Route 53: Route53 is used to manage DNS records.
- Simple Email Service (SES): We use SES is used for sending transactional emails.
- Managed Streaming for Apache Kafka (MSK): We use MSK to facilitate consuming and producing custom event records for different applications.
- DynamoDB: Speed Kit uses DynamoDB to store information related to our predictive preload feature.
- Lambda: We use Lambda to pre-render client side renderd pages to make that actual server side rendered.
- ElastiCache (Redis OSS): We use ElastiCache to store our Bloom filter, which checks whether an asset is present in our cache.
-min.webp)
Click the image to open the architectual diagram of Speed Kit with AWS
Results
Transactions Uplift
Our proof of concept findings reveal a significant impact: our project with Canyon resulted in a 1.66% uplift in transactions. This highlights Canyon's key role in not only optimizing load times but also driving higher transaction rates, ultimately enhancing user engagement and conversion.
LCP on Product Detail Pages in Germany
Our proof of concept with Canyon demonstrates impressive improvements in website performance, with a remarkable 866 ms uplift on product detail pages in Germany, making them 61% faster. These results highlight Canyon's success in enhancing the user experience and significantly accelerating page loading times.
Conclusion
For Canyon, performance is more than just a technical metric - it’s a competitive advantage. With Speed Kit, they’ve enhanced their customer journey from the very first click, creating a faster and more engaging experience that aligns with the excellence of their brand.
