SpeedSense Web Performance

Hotspots in influencer social images and videos pulled into Alo Yoga's site are one of our favorite Ecom Ideas. Showing #fashion in the wild - on real people - and giving your customers the ability to directly jump to the product detail page for purchase is fantastic! Now, can this be done in a performant way? Adding clickable targets over top of an image is not rocket science, and can easily be done in-house by most dev teams. That said, the operational coordination between product photography, User Generated Content (#UGC), your product catalog, and inventory may make this challenging to merchandize in-house at scale. For this reason, it may be operationally more scalable to leverage third party tools such as Tagshop.ai, Yotpo or Tagbox to add this functionality. If you’re on Shopify, you may want to use native functionality baked into Shopify 2.0 themes like Enterprise and Canopy that offer #hotspots out-of-the-box. If it has to be above-the-fold, opt to build a high-performance, but low-scale solution. If it’s loaded further down the page, as in the alo Yoga example, then opting for a third party tool and using an intersection observer to lazy-load the assets on scroll would help initial page load. Always monitor your INP scores after implementation to ensure interactivity isn’t adversely affected. BTW: I took a look under the hood of 10 ecom trends with Linda from Ecom Ideas. We’ve compiled them into a free #webinar to provide tips on how to implement those trends on your sites in a performant way. Curious about your performance? Submit your site for a quick site speed assessment in the comments. #ecommerce #webperf #influencer #marketing #yoga #webdev #sitespeed #pagespeed #conversion

🚀 Customer Spotlight: Heat Wave Visual 🚀 Heat Wave Visual turned up the heat on their Shopify Plus site before the holiday rush! Heat Wave Visual hit top speed on their Google Core Web Vitals for all of their pages before #BlackFriday and delivered a blazing-fast, user-friendly site. 📈 Results 56% Faster Rendering 😎 Beating Amazon across all performance metrics 💵 Incredible holiday season sales performance Curious how we made it happen? Dive into the full story here: https://lnkd.in/g6unAjSN #webperf #Shopify #webperformance #ecommerce #digitalmarketing

If someone at your company asks why your “website got faster” in the next few weeks, even though you didn’t deploy any changes… Take it as an opportunity to explain the difference between real world performance (#corewebvitals) and synthetic tests (#lighthouse). 💨🏎️ Lighthouse is like testing your race car in a wind tunnel. ⏱️🏎️ Core web vitals represent how the car is doing on the track. Soon, Google will be changing the speed of the fan in the wind tunnel. That doesn’t mean much in the real world, but the goal is to better represent the performance on-track. It also doesn’t mean wind tunnels are useless. Lighthouse is a helpful tool in the arsenal. #webperf #sitespeed

🚀 Client Spotlight: Heat Wave Visual! 🔥 The biggest shopping weekend of the year is days away: #blackfriday & #cybermonday. 😎 SpeedSense client Heat Wave Visual, Inc. partnered up to supercharge their #sitespeed before the holiday rush, and we delivered: In just 4 weeks we improved the site's rendering by over 2 whole seconds! 🏎️ 67% faster First Contentful Paint 🚄 54% faster Largest Contentful Paint Passing Google Core Web Vitals, and delivering an amazing shopping experience. Here's to blazing-fast results and a successful holiday season! Is your site speed ready for the rush? Submit your site for a quick site speed assessment: https://lnkd.in/gKeV5byy #ClientSuccess #SiteSpeed #CoreWebVitals #EcommerceOptimization #webperf #ecommerce

Yesterday we gave a jam-packed 90-minute seminar on debugging web performance issues with Chrome #DevTools. Every #developer has poked around in there, but few are super comfortable. Our longtime client Arc'teryx Equipment wanted to upskill their dev squad of 20+ engineers, just as they roll into the busiest week of the year in #ecommerce. The feedback and engagement were great, with awesome Q&A in the live hands-on session for the second half. We covered a ton of ground: from how a browser loads a webpage, to pointing out #sitespeed gotchas on their site in real time. For the next month we're offering this seminar to other teams who could use a brush up on #debugging site speed. If you run a dev squad, give them the gift of tangible skills this #blackfriday. Comment below or DM me and we'll get it set up. Huge thanks to Amrik Malhans for helping put together the material, and teach the team the best practices. #webperf #training #clientlove #corewebvitals

Cookie banners can crunch Core Web Vitals when they cause layout shift (as Shawn O'Neill explains) 🍪🚩 so can any top-sliding promo bars you may be using through #BFCM ❗Make sure to either reserve space in your header for these later-arriving elements, or change how you serve cookie notices - layout shift impacts #UX Also check Page Speed Insights to make sure your cookie gate isn’t registering as your LCP (Largest Contentful Paint) 🎨 I see it too often – cookie gate is the LCP, served through a 3p app with JS and later-loading (after page content) – a losing combo! 🍪😬 But who’s got time to manually check Page Speed Insights all the time? 🤔 Shawn and the SpeedSense Web Performance team have built a tool called Sensai that can catch #webperf issues automatically across your entire domain and help you prioritize your action items 🥷🦾  https://lnkd.in/gxjziTxU Check out more #ecommerce performance tips from Shawn https://lnkd.in/gc-qtvrJ in our on-demand webinar 🏎️

Swapping product photos to represent a wide variety of body types is an #inclusive Product and Category page #ecommerce feature. Alo Yoga has a solid build here, replacing on-model photography with models of different shapes and sizes to better represent their customers. (Can't say we see that often in yoga!) From a performance perspective, this "model swap" is no more or less performant than having more product images. To do this well: 1️⃣ Ensure you are loading only the visible model images immediately, prioritizing above-the-fold images over assets that may never be seen, or enter the viewport. Deprioritize the rest. 2️⃣ Load your LCP assets without requiring #Javascript, ideally rendered from the initial #HTML response from the server. Alo Yoga is doing an excellent job loading only what’s necessary, thus keeping their PDP at peak performance. Like this content and want more? I took a look under the hood of 10 #ecommerce trends with Linda Bustos from Ecom Ideas. We’ve compiled them into a free #webinar to provide tips on how to implement these trends on your site in a performant way. Check it out here: https://lnkd.in/gjjkRwHm Curious about your website’s #performance? Submit your site for a free #sitespeed assessment here: https://lnkd.in/gG2QPCkS #webperf #cro #ux

Baymard Institute recently shared research findings recommending using social-sourced UGC on PDPs (link in comments) Many #dtc sites use apps to embed social videos in the Buy Box section – but how does this impact web performance? Shawn O'Neill from SpeedSense Web Performance analyzes this example using Tolstoy Because this is “secondary” content and shouldn’t compete with loading primary content, the first check is for when this pops in relative to other elements 👉 Tip: test using a “choked” 3G network setting in your Inspect tools and clear cache/refresh the page In this case, it’s OK – but a different issue is detected Layout shift Make sure to reserve space in your HTML for the widget to load so this doesn’t happen Most apps that enable this feature have reasonably small payloads - so this isn’t a performance killer (in general) However, as always, placing in the Buy Box has pros and cons (most apps have built-in A/B testing for this) On Monday we’ll dive into this topic deeper into different ways you can leverage UGC on PDPs aside from this particular pattern 👉👉 Check out 10 more #ecommerce #webperf tips from Shawn https://lnkd.in/guBkPW6s

( ( ( 📡 ) ) ) 🎥 Locked in to a GREAT prezo from the SpeedSense Web Performance team rn. #ecommerce #webperformance #sitespeed #webperf #perfmatters #corewebvitals #pagespeed