Speeding up mobile side

26 1 9

Hello, I am looking for help on how I can further speed up my site particularly on the mobile side. 

I've already added a lazyloader to the whole site and verified it is working properly. 
Using google's PSI, It shows javascript issues is the main issue but it seems to be from 3rd party api ( https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.headbangersports.com%2...)

The other issue is the "image size" but I have already implemented a lazyloader as well as a file compressor for all images, So I am unsure as to how that is slowing the site down so greatly. 

Any guidance or help is greatly appreciated! 

Site is: https://www.headbangersports.com/ 

Replies 2 (2)
Shopify Expert
1431 128 386

You won't be able to do anything about 3rd party resources causing warnings in Google PSI. But what you can do is make sure you aren't loading any old app code from uninstalled apps (when you delete an app in Shopify, you still need to remove the code from the theme if that app added code to your theme during installation). You can usually find most of any old app code in your main template files (theme.liquid, product.liquid, etc).

Next, I would run your site through the Shopify Analyzer. That's a free tool my team built for the community, an analysis tool geared specifically for Shopify sites. The Google PSI tool isn't geared well for engaging ecommerce sites in general, and with a template site that uses 3rd party apps you'll get a lot of irrelevant or bad recommendations that could hurt your conversion rate.

In both tools, I see that there are still some lazy loading issues. I also see image issues (you can identify those easily in the Shopify Analyzer).

Lastly, check your console for errors, these may be indicative of missing resources, old app code, or errors in your code:

Screen Shot 2021-09-28 at 7.16.58 AM.jpg

If you're not familiar with what the console is and about the errors, this post will help: https://speedboostr.com/finding-and-fixing-console-errors.

For the other optimization issues, there are links to recommendations and guides within the Shopify Analyzer tool.

All that is free, just pass it to your developer (or take a crack at it yourself if you don't have a developer, you can probably handle some of it). If you get stuck or want to save time feel free to reach out to my team of professional Shopify optimization developers at speedboostr.com/contact. We fix stuff like this every day.

Creator of Order Automator (auto tag orders / customers + auto fulfillment + more automations). Creator of Shopify Analyzer (1st performance analysis tool for Shopify sites, free for the community). Founder of Speed Boostr (Shopify optimization experts + app developers). More apps: Theme Scientist (A/B testing), Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).
26 1 9

Thank you for the response! I have used the shopify analyzer tool before, Just like testing across multiple testing platforms. I'll definitely give this a shot but i might have to reach out for some help. I am certified full stack, but liquid seems to be a but tricky in some aspects.