Google Speed Insights Fix Not Working for Shopify? Here is Why - Lucas Creatives
16127
post-template-default,single,single-post,postid-16127,single-format-standard,theme-bridge,woocommerce-no-js,ajax_fade,page_not_loaded,,qode-title-hidden,side_menu_slide_with_content,width_370,columns-3,qode-child-theme-ver-1.0.0,qode-theme-ver-17.2,qode-theme-bridge,disabled_footer_top,qode_header_in_grid,wpb-js-composer js-comp-ver-5.6,vc_responsive

Google Speed Insights Fix Not Working for Shopify? Here is Why

Recently I’ve seen many people and client seeking hope on Google Speed Insights because Shopify has used the same tech for it’s reports.  Many store owners are seeing a scary “your store is slow than other similar store” warnings in their dashboard, and it’s scary!

GSI shopify

I’m slow!?

They’re Not Wrong, Speed is Very Important

So apart from the obvious (online shoppers hate slow websites), your site speed also determines your feasibility for ranking on Google Search.  Google takes into account many factors, but the EASIEST one to pick out is for your related to your site speed.  And although nobody is supposed to know the secrets of exactly how google ranks your site, SEO scientists have been able to prove through empirical studies their theories from year to year.

 

Your Fixes for Google Speed Insights are Not Working

They’re not working because Shopify locks you and developer out many parts of your theme file.  When trying to optimize a Shopify store, I’ve come across many JS / CSS files which I simply cannot eliminate. Try following the advice on Web.dev or Lighthouse to the tee, and you’ll find that 70% of the time, there’s simply nothing you can do!

Here is a line by line record of a client’s Shopify site which was already running quite fast, but he wanted it even FASTER through Google Speed Insights:

Remove unused JavaScript RESULT
…1.12.1/jquery-ui.min.js 66.7 KB 59.6 KB can’t remove, called in by Vendor-Scripts-v6
(code.jquery.com)
…config/276…?v=2.9.29&r=stable 70.2 KB 53.1 KB NO RESULTS FOUND IN PUBLIC CODE
(connect.facebook.net)
…assets/vendor-scripts-v6.js?v=1576126… 88.2 KB 48.1 KB THEME CORE FILE , PASSIVE LISTENER DOES NOT WORK
(cdn.shopify.com)
…assets/theme.js?v=1032680… 42.6 KB 30.1 KB THEME CORE FILE , PUSH TO DEFER STATUS + MINIFY CODE
(cdn.shopify.com)
Eliminate render-blocking resources
…assets/theme.css?v=361… 37.2 KB 1,380 ms COMES DEFAULT, BUT WE CAN MOVE TO FOOTER AND USE DEFER
(cdn.shopify.com)
Remove unused CSS
…assets/theme.css?v=361… 37.2 KB 32.1 KB COMES DEFAULT, BUT WE CAN MOVE TO FOOTER AND USE DEFER
(cdn.shopify.com)
…css/all.min.css 10.8 KB 10.7 KB NO RESULTS FOUND IN PUBLIC CODE
(cdnjs.cloudflare.com)
…assets/theme.js?v=1032680… 42.6 KB 15.7 KB THEME CORE FILE , PUSH TO DEFER STATUS
(cdn.shopify.com)
/gt.js?shop=comfylivinguk.myshopify.com 6.2 KB 2.6 KB APP CODE (tengrowth.com), I DON’T HAVE ACCESS TO APPS
(qd2.tengrowth.com)
Ensure text remains visible during webfont load
/futura/futura_n4.df36ce3….woff2?h1=dWsuY29tZ…&hmac=b726e36… 20 ms DESGIN CHOICE; use fancy fonts = land on google insights
(fonts.shopifycdn.com)
/futura/futura_n6.bbe2e25….woff2?h1=dWsuY29tZ…&hmac=b0bcbf6… 20 ms DESGIN CHOICE; use fancy fonts = land on google insights
(fonts.shopifycdn.com)
…webfonts/fa-solid-900.woff2 20 ms DESGIN CHOICE; use fancy fonts = land on google insights
(cdnjs.cloudflare.com)
Serve static assets with an efficient cache policy
…demo/jquery.dom-outline-1.0.js 10 m 2 KiB NO RESULTS FOUND IN PUBLIC CODE
(rafaelcastrocouto.github.io) NO RESULTS FOUND IN PUBLIC CODE
…config/276…?v=2.9.29&r=stable 20 m 70 KiB facebook pixel, nothing we can do unless we get rid of Fb
(connect.facebook.net) facebook pixel, nothing we can do unless we get rid of Fb
/en_US/fbevents.js 20 m 24 KiB facebook pixel, nothing we can do unless we get rid of Fb
(connect.facebook.net) facebook pixel, nothing we can do unless we get rid of Fb
…v0.1/analytics.js 1 h 9 KiB google tracker
(cdn.shopify.com)
…v0.1/consent-tracking-api.js 1 h 2 KiB consent tracker
(cdn.shopify.com)
/analytics.js 2 h 19 KiB google analytics
(www.google-analytics.com)
/gt.js?shop=comfylivinguk.myshopify.com 4 h 6 KiB APP, owner does not want to delete
(qd2.tengrowth.com)
/futura/futura_n4.df36ce3….woff2?h1=dWsuY29tZ…&hmac=b726e36… 30 d 10 h 30 m 18 KiB FONT USED IN THEME
(fonts.shopifycdn.com)
/futura/futura_n6.bbe2e25….woff2?h1=dWsuY29tZ…&hmac=b0bcbf6… 30 d 10 h 30 m 18 KiB FONT USED IN THEME
(fonts.shopifycdn.com)

As seen from the above, we are simply being punished by things we have little control over.  And when there is bad code, it’s intermixed into one giant JS file (vendor-scripts-v6.js) from the original theme developer.  Within the giant file are plugins inserted to help the theme building process.  When I tried to clean it line by line, the results were not fantastic and often crashed the website!

 

There Are Solutions Out There

There are of course other solutions out there and the key is to just use common sense and ignore Google Speed Insights for a bit.  For example, the HOME PAGE and PRODUCT pages are probably places you want ads or new visitors to load quickly for.  You could move scripts into lesser used pages like your Category / Collections page, ASSUMING the script was something that isn’t essential to the aforementioned.

moving scripts

moving scripts

 

You Can Relax Though!

Why? Because Google Speed Insights is simply not a reflection of real business success.  As said by many others already, even if you go down the list and convinced Shopify to fix these core issues or did the usual “minify, defer, passive, etc”, it might not change your score!  Your speed score will also CHANGE hour to hour, by the way.

And if you’re still convinced, look at the following scores for pages like APPLE, AMAZON, and GOOGLE itself.  Looks like Google can take it’s own advice, no?

GSI rankings

GSI rankings

 

 

No Comments

Post A Comment