[{"data":1,"prerenderedAt":222},["ShallowReactive",2],{"\u002Fcustomers\u002Ftitus":3,"\u002Fcustomers\u002Ftitus:related":204},{"id":4,"title":5,"author":6,"authorImage":6,"body":7,"customerName":174,"date":175,"description":176,"draft":177,"extension":178,"featured":177,"heroImage":179,"industry":180,"logo":181,"logoSize":182,"meta":183,"navigation":184,"path":185,"platform":186,"quote":187,"quoteAuthor":188,"readTime":6,"region":189,"results":190,"seo":200,"stem":202,"unlisted":177,"__hash__":203},"customers\u002Fcustomers\u002Ftitus.md","How titus.de & titus-shop.com load 31% faster with Speed Kit's predictive pre-rendering",null,{"type":8,"value":9,"toc":166},"minimark",[10,15,19,22,25,29,32,35,39,42,45,48,131,138,142,148,154,157,163],[11,12,14],"h2",{"id":13},"introduction","Introduction",[16,17,18],"p",{},"TITUS, Germany's leading retailer for skateboarding gear, streetwear, and accessories, has been at the forefront of the European skateboarding scene since its founding in 1978. Named after its founder, Titus Dittmann, the company played a pivotal role in popularizing skateboarding in Germany, combining a passion for the sport with a commitment to growing the culture around it.",[16,20,21],{},"Julius Dittmann has been leading the brand since 2010, significantly advancing the internationalization of TITUS in Europe. Most recently, expanding its wings to Thailand, Indonesia, and Japan.",[16,23,24],{},"Over the years, TITUS has done more than just sell products – it actively shapes skateboarding culture through events, contests, and sponsorships of top athletes. With 21 skateshops across Germany and a growing online presence, TITUS continues to be a hub for skateboarding enthusiasts of all levels.",[11,26,28],{"id":27},"challenge","Challenge",[16,30,31],{},"In response to growing customer demand for a faster and more reliable online shopping experience, TITUS transitioned their shop system to Shopify. However, they recognized that simply moving to a new platform wasn't enough to reach the level of performance their brand demanded.",[16,33,34],{},"To fully achieve their ambitious goals, TITUS sought a strategic partnership with Speed Kit, whose advanced optimization technologies provided the missing piece to truly elevate their site performance and user experience.",[11,36,38],{"id":37},"solution","Solution",[16,40,41],{},"Speed Kit enabled TITUS to achieve its performance goals by integrating its advanced, AI-driven web optimization features into the newly adopted Shopify platform. By leveraging Speed Kit's predictive preload and pre-rendering technologies, which utilize machine learning to anticipate user behavior, TITUS was able to drastically reduce load times by preloading content before users even clicked.",[16,43,44],{},"This approach provided near-instant page loads, ensuring a smooth and engaging browsing experience across all devices. The integration was seamless, making full use of Shopify's flexibility while significantly boosting site performance across key metrics.",[16,46,47],{},"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:",[49,50,51,59,65,71,77,83,89,95,101,107,113,119,125],"ul",{},[52,53,54,58],"li",{},[55,56,57],"strong",{},"Elastic Kubernetes Service (EKS):"," We use EKS to schedule and orchestrate our Speed Kit applications on EC2 instances.",[52,60,61,64],{},[55,62,63],{},"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.",[52,66,67,70],{},[55,68,69],{},"Elastic Compute Cloud (EC2):"," Our workloads are hosted on EC2 instances, as managed through EKS.",[52,72,73,76],{},[55,74,75],{},"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.",[52,78,79,82],{},[55,80,81],{},"Athena:"," We use Amazon Athena to query data stored in AWS S3 buckets, enabling performance insights and asset preloading.",[52,84,85,88],{},[55,86,87],{},"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.",[52,90,91,94],{},[55,92,93],{},"Elastic Container Service (ECS):"," We build Docker images using a service hosted on Amazon ECS.",[52,96,97,100],{},[55,98,99],{},"Route 53:"," Route53 is used to manage DNS records.",[52,102,103,106],{},[55,104,105],{},"Simple Email Service (SES):"," We use SES for sending transactional emails.",[52,108,109,112],{},[55,110,111],{},"Managed Streaming for Apache Kafka (MSK):"," We use MSK to facilitate consuming and producing custom event records for different applications.",[52,114,115,118],{},[55,116,117],{},"DynamoDB:"," Speed Kit uses DynamoDB to store information related to our predictive preload feature.",[52,120,121,124],{},[55,122,123],{},"Lambda:"," We use Lambda to pre-render client-side rendered pages to make them actually server-side rendered.",[52,126,127,130],{},[55,128,129],{},"ElastiCache (Redis OSS):"," We use ElastiCache to store our Bloom filter, which checks whether an asset is present in our cache.",[16,132,133],{},[134,135],"img",{"alt":136,"src":137},"Speed Kit architecture on AWS","\u002Fimages\u002Fcustomers\u002Fshared\u002Faws-architecture-diagram.webp",[11,139,141],{"id":140},"results","Results",[16,143,144,147],{},[55,145,146],{},"Instant navigations through predictive pre-rendering:"," Although TITUS already experienced a substantial improvement in performance after migrating to Shopify, Speed Kit pushed their site to even higher levels. In line with TITUS's web performance strategy, which incorporates AI-driven enhancements, Speed Kit's AI-powered predictive preloads made a significant impact. Speed Kit was able to correctly predict 80% of all product page navigations, and out of those, 40% of pages were instantly pre-rendered, offering a seamless user experience.",[16,149,150],{},[134,151],{"alt":152,"src":153},"Predictive pre-rendering coverage for TITUS","\u002Fimages\u002Fcustomers\u002Ftitus\u002Fpredictive-preloads.webp",[16,155,156],{},"As a result of these new features, Speed Kit made a significant impact on the Largest Contentful Paint (LCP) — a key performance metric that measures the time it takes for the largest visual element of a page to load, directly influencing user perception of site speed. Verified through a clean A\u002FB test, Speed Kit improved the LCP by 31%, reducing it from 794 ms to 546 ms in the median, compared to the already optimized stock Shopify performance.",[16,158,159],{},[134,160],{"alt":161,"src":162},"Largest Contentful Paint improvement for TITUS","\u002Fimages\u002Fcustomers\u002Ftitus\u002Flcp.webp",[16,164,165],{},"In addition, and according to the official Google Chrome User Experience Report, TITUS even surpassed amazon.de in LCP performance, placing them in the highest league of European online shops for speed and user experience. With Speed Kit, TITUS has reached the pinnacle of web performance, surpassing even the biggest names in e-commerce and ensuring that their customers enjoy a best-in-class online experience.",{"title":167,"searchDepth":168,"depth":168,"links":169},"",2,[170,171,172,173],{"id":13,"depth":168,"text":14},{"id":27,"depth":168,"text":28},{"id":37,"depth":168,"text":38},{"id":140,"depth":168,"text":141},"Titus","October 8, 2024","TITUS is Germany's leading retailer for skateboarding gear, streetwear, and accessories, at the forefront of the European skateboarding scene since 1978.",false,"md","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1597019558926-3eef445fdf60","Leisure","\u002Fimages\u002Fcustomer-logos\u002FLogo-White-Titus.png",1.2,{},true,"\u002Fcustomers\u002Ftitus","Shopify","TITUS has been working with the Speed Kit team since several years and highly values their expertise. We were blown away on how their innovative solutions elevate our speed and performance even further – to the highest standards. The integration is smooth – allowing us to fully benefit from their AI-powered solution, custom-built for our specific Shopify setup.","Julius Dittmann, CEO of TITUS","Europe",[191,194,197],{"metric":192,"value":193},"Faster Largest Contentful Paint","31%",{"metric":195,"value":196},"Instantly Pre-Rendered Pages","40%",{"metric":198,"value":199},"Largest Contentful Paint than amazon.de","Faster",{"title":201,"description":176},"TITUS Case Study | Speed Kit","customers\u002Ftitus","wWESQmDSlG8T3w9zSbui0DLTt99BSLBUB1Pjgat8UHE",[205,211,216],{"path":206,"customerName":207,"industry":180,"heroImage":208,"logo":209,"logoSize":210},"\u002Fcustomers\u002Finterflora","Interflora","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1523693916903-027d144a2b7d","\u002Fimages\u002Fcustomer-logos\u002FLogo-White-Interflora.png",1,{"path":212,"customerName":213,"industry":180,"heroImage":214,"logo":215,"logoSize":210},"\u002Fcustomers\u002Fridersdeal","RidersDeal","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1593179449458-e0d43d512551","\u002Fimages\u002Fcustomer-logos\u002FLogo-White-RidersDeal.svg",{"path":217,"customerName":218,"industry":219,"heroImage":220,"logo":221,"logoSize":210},"\u002Fcustomers\u002Fawg-mode","AWG Mode","Fashion","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1746527971817-65b072ccc436","\u002Fimages\u002Fcustomer-logos\u002FLogo-White-AWG-Mode.png",1789054055867]