Hello @james_chan ,
I’ve conducted an audit and speed score is low mainly due to the order of loading the assets and scripts. Slideshow images finishes loading after everything else is loaded, but the exact opposite should happen. To optimize the performance:
-
Remove lazy loading attribute from LCP images. The images visitors see on first load should load before other assets. Lazy loading basically tells browsers: “Hey, delay loading of this asset until rest of the page loads.” Lazy loading should be default to images for better performance. Except LCP images that should be served as soon as possible. Make sure to remove lazy loading from these images visible on the screen:
-
Serving media properly will greatly optimize the performance. In addition, third-party app load should be optimized. Apps should be loaded only into the pages they are required. For example, Judge.me app is only needed on product pages, but it loads on home page reducing the performance.
-
Consider delaying the loading of non-critical third-party apps that are not required for user interactivity, such as Google Tag Manager and Facebook Pixel.
-
I use a lazy loading method by setting a default delay of 3-4 seconds and loading these apps as soon as the user begins interacting with the page (mouse move, touch screen, click). This approach will prevent these analytics tools from adversely affecting the page’s performance, while still allowing them to gather all the valuable data.
Applying these will boost your performance up and good luck! Feel free to reach out if you need any further assistance.
Best regards,
Eray Barslan | Shopify Developer & Designer