Can apps clear all unused code from my Shopify website?

TattooKits
Tourist
11 0 3

I found that after uninstalling the apps, the page will have a lot of unused code, affecting the speed of the page. Is there any apps that can clear all unused code of the website?

Replies 229 (229)
copescoins
Visitor
2 0 0
Hi Buket

After you delete an app all the code from that app ought to be removed but
as we know sometimes it leaves code behind.

It is the App developer's responsibility to remove any code left behind.

Contact shopify support and they can contact any developer on your behalf
to ask them to remove the code.

You may need to grant the developer permission to access your store
temporarily to remove any left behind code

Hope this helps

David


OliUK
Shopify Partner
234 2 48

@Ms_Buket , @copescoins 's reply is a good one.

It can actually be a bit risky to start pulling out third-party code willy nilly, without any context of what it's affecting. The app's customer service or documentation should be able to guide you.

——————————

Founder @ www.preproduct.io

The smarter way to launch products. 

 

 

T1K
Tourist
3 0 1

Hey @lsmall & @OliUK,

 

Chiming in with a tangent, but a relevant one. Lsmall, your list of unused javascript contains one I'd advise you to keep. I only just discovered why myself... after assuming it was junk.

 

I'm no expert, but I know enough HTML, CSS & JS to send the right details to a dev team. And I found this code was connected to my store after running the home page through GTMetrix: ddg-tr-as-easylist. Well... that's actually a link to the GiTHub page I found after Googling ddr_embed.js. And I only found that JS after inspecting my home page (pressing CMD+OPT+i to see the code) and then *connects dots in the background* I found this... https://spreadprivacy.com/duckduckgo-tracker-radar/.

 

That particular piece of Duck Duck Go's JS may not have been used at the time your scan was run, Lsmall, but it serves a vital purpose. Most likely connected to a security app you have installed. Unless Shopify has DuckDuckGo code embedded in its approved theme's as part of an SOP. OliUK, could you enlighten us on that?

 

Wait... how does this tie back to unused code? There's so much of it! And not all of it's bad. Plus Shopify's 2.0 themes have removed the bulk of it becoming an issue — hallelujah! There's a long way to go, though. I spent 3 boooooring days last month playing find the GIF. A dropshipping app I added (since removed) had a teeny-weeny GIF embedded in one particular place (nowhere else) and it somehow caused my product pages image carousel to stop working. Amongest other things... so so many other things.

 

The quickest route to getting rid of junk code is sending a GTMetrix URL to someone who knows what they're doing. Like OliUK.

 

Lsmall, I think Lighthouse is great. Or PageSpeed Insights. Wherever you got the list of unused code from. But the reason I like GTMetrix is they have a Waterfall view that makes things instantly clear to me re what code is causing issues. You can see when code gets activated on the page & how long it takes to load after that — screenshot attached. GTMetrix also gives you a combined % score that is (pretty much) an average of the desktop and mobile versions of each page.

 

Once you find the unused code in the Waterfall view you can Google elements of the code file that are repeated. If they're repeated, there's a good chance that is either:

 

• The initials of the brand/company who owns the code

• An abbreviation of their primary prodcuct — app name, name of their main feature

• Name for a well known piece of open source code that you've never heard of, but folks on GitHub definitely have. For years, probably...

 

Dev teams also love it if you send the URLs for your GTMetrix searches because they're timestamped. So the link you send will be for that particular page on your site at the particular time you ran the search. Lighthouse / PageSpeed Insights renew the search each time.

 

And no, I don't work for GTMetrix. But yes, I'm clearly a nerd and borderline obsessive.

 

Over 'n' out for now!

 

T

jaesik87
Tourist
38 0 2

Can you help me as well?

 

I've tried optimizing the images and using page speed insights but it says google doesn't have enough info and my speed is still slow..

 

https://mountain-moguls.com/collections/camping-equipment/products/bathing-bag-outdoor-mountaineerin...

OliUK
Shopify Partner
234 2 48

Hi @jaesik87 ,

 

I would consider crunching the GIF images down to <500kb (speeding GIFs up and down-sizing frame rate and res through an online optimiser) and also adding 

 

loading = 'lazy'

 

to your <img tags. 

Google's report mentions these two as the top opportunity:

Use video formats for animated content
23.73 s
Large GIFs are inefficient for delivering animated content. Consider using MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes. Learn more
URL
Resource Size
Potential Savings
/2d216f49-4cb2-41a5-b5d1-1fd4700fda4d/(ucarecdn.com)
3,051.3 KB
2,685.1 KB
/95f7aa7e-68d5-409c-9e95-48db011627a8/(ucarecdn.com)
2,852.8 KB
2,481.9 KB
/7fb79567-0a42-4ddc-9e7d-ea49115ef840/(ucarecdn.com)
1,838.5 KB
1,507.6 KB
/cd8b841d-c228-48d4-892e-380cebe9a99f/(ucarecdn.com)
1,658.8 KB
1,343.6 KB
Defer offscreen images
10.05 s
Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Learn more. 

Cheers,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

darknesshub
Tourist
10 0 0

Hi OliUK,

This is my site can you have a look y it's getting slowly!!

https://darknesshub.com

OliUK
Shopify Partner
234 2 48

Hi @darknesshub ,

You've got a huge request from an AI marketing app (like 5 times larger than Facebook's pixel). That's the main issue really.

Hope that helps,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

darknesshub
Tourist
10 0 0

I cleared most of my apps but still my store slow. 🐌 

OliUK
Shopify Partner
234 2 48

Hi @darknesshub ,

I had another look for you. You still have that same AI marketing app making requests. Here's a screenshot of the initiation chain.

Screenshot 2020-09-09 at 13.06.00.png

You might have removed the app, but still, some code from it remains. It might be worth downloading your theme files and searching through them for a reference of this app.

Good luck,

Oli

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

sportsintegrity
Visitor
1 0 0

HI Im having the smae issue. my site is www.sportsintegrity.com thanks in advance for any help in removing unused code etc. site is has a score of 11

OliUK
Shopify Partner
234 2 48

Hi @sportsintegrity ,

There's quite a bit of low hanging fruit here. Maybe start by implementing 'lazy loading', which Google says could save up to 2.7 seconds. There are some instructions on how to do this earlier in the thread.

There's quite a few requests which directly effect your page speed here:

URLTransfer SizePotential Savings

…css/bootstrap.min.css
(maxcdn.bootstrapcdn.com)
38.8 KiB
1,650 ms
…css/bootstrap-theme.min.css
(maxcdn.bootstrapcdn.com)
5.5 KiB
150 ms
34.5 KiB
1,770 ms
2.8 KiB
150 ms
/css?family=…
(fonts.googleapis.com)
5.1 KiB
920 ms
…css/all.css
(use.fontawesome.com)
25.4 KiB
1,400 ms
/css?family=Lato:400,700
(fonts.googleapis.com)
1.2 KiB
150 ms
94.9 KiB
1,800 ms
36.5 KiB
600 ms
…css/font-awesome.min.css
(cdnjs.cloudflare.com)
7.6 KiB
910 ms
…js/bootstrap.min.js
(maxcdn.bootstrapcdn.com)
19.3 KiB
450 ms
…css/font-awesome.min.css
(maxcdn.bootstrapcdn.com)
13.2 KiB
300 ms
/aio_stats_lib_v1.min.js?v=1.0
(staticxx.s3.amazonaws.com)
0.4 KiB
890 ms

 

There's a request for your theme's stylesheet, as well as the Bootstrap stylesheet (a front-end framework from Twitter), there are also multiple font API requests. Maybe have a look at the theme.liquid file in your store's theme folder and make sure you recognise all of the names in the <head> section. It's probably going to be a bit of trial and error finding where all these requests come from. I also think about 50% of the requests are coming from your theme (so can't be really removed).

Good luck,

Oli

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

Agnes_Davis
Tourist
5 0 2

Hi can you genuinely help with removing unused javascript? 

Our site speed test is currently at a shockingly low 10/100 on google site speed & we're really struggling to find anyone who can help.

OliUK
Shopify Partner
234 2 48

Hi @Agnes_Davis ,

I run a Shopify app and help out on this forum as a kind of way to help people out whilst giving my app visibility (signature). I use Javascript in my own app, but I’m far from an expert in the language (and much prefer others to be honest).

I have no doubt I can tell you some areas to look at if you post your URL though.

Cheers,

Oli

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

Agnes_Davis
Tourist
5 0 2

https://www.tovisorga.com/

Thanks - any suggestions would be hugely appreciated.

You can see from Google Site Speed search that the FB code is appearing 3 times & creating a lot of slow-down time.

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.tovisorga.com%2F

Have asked Shopify and a bunch of other cody people & no one seems to know what to do about it.

OliUK
Shopify Partner
234 2 48

Hi @Agnes_Davis ,

You're right, your site downloads a huge Javascript file from Facebook: https://connect.facebook.net/signals/config/2425524784198742?v=2.9.21&r=stable 

Also, your DoubleClick pixel takes a full second to load for some odd reason.

You’ve also got a failed request to load a European cookies banner.

If I was you, I’d look through any apps or code that’s interacting with Facebook and try and get to the bottom of that big JS file they’re requesting (it’s the 2017 version it says).

Cheers,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

Agnes_Davis
Tourist
5 0 2

Thank you for your helpful response. I'm not a coder - who can I get to help with this? There must surely be someway of getting inside the shopify code and removing it?

I wouldn't know where to start with apps using that code.

Really frustrating trying to get a fix for this one.

Best,

A

Sahose
Visitor
3 0 0

Hello, Am having issue with my site. When i check Google Inspector The desktop section is alright but when it come to the mobile section. It really slow.

 

Love to hear your suggestion on how i could improve it.

https://sahose.com

OliUK
Shopify Partner
234 2 48

Hi @Sahose ,

There’s a Javascript process executing on your site that takes 4 seconds and labelled as ‘Other’ by Google.

Also, your site also takes 2 seconds to load some styling and fonts from https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/fonts/fontawesome-webfont.woff2?v=4.6.3. I’m not sure where that’s coming from as your theme’s main styling is downloaded separately.

Cheers,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

illuminatedroom
Visitor
1 0 0

what can i do to delete the unsued javascripts on illuminatedrooms.com ?

site speed is low on mobile but fast on pc

 

OliUK
Shopify Partner
234 2 48

@illuminatedroom ,

Google says you have done a good job on speed:

Screenshot 2020-07-03 at 13.04.56.png

 

Your images do take a little while to load on Mobile, but at least it's after the main page loads. I think it might have something to do with an error quoting 'lazysizes.js'. It's either coming from an app or your theme and most likely in your assets folder in your store under the same name.

 

Cheers,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

FliCityKulture
Excursionist
12 0 3

I need help deleting all the unused JS from mine also. My website is located at bedroka.com

OliUK
Shopify Partner
234 2 48

Hi @FliCityKulture ,

You've got a denied request to this URL; https://cdn.starapps.studio/apps/via/yabba-streetwear/script-1591635219.js?shop=yabba-streetwear.mys... , but it causes half a second delay whilst it finds this out.

Here's a breakdown of the Javascript delays: 

Third-PartySizeMain-Thread Blocking Time

Shopify
1,851 KB
311 ms
Facebook
331 KB
42 ms
Google Analytics
18 KB
11 ms
Google CDN
162 KB
0 ms
Google Tag Manager
132 KB
0 ms
Google/Doubleclick Ads
27 KB
0 ms
MailMunch
12 KB
0 ms
Other Google APIs/SDKs
2 KB
0 ms
Heroku
1 KB
0 ms
Secomapp
1 KB
0 ms
Bugsnag
0 KB
0 ms

 

Cheers,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

Sam100
Shopify Partner
3 0 1

@OliUK - Thanks for helping out in the community here.  Awesome stuff.

Saw your preproduct.io app and wanted to know more about it.  Can we take this converation offline from this?  I've got a client where we want to test things out and yours might seem like a good tool but not sure.

I'll email you shortly.

Lastly, I want to point out to individuals that the theme you use is of paramount importance to site speed.  Poorly coded themes add a lot of overhead.  I'm not a coder, but in my experience using a theme that has all the bells and whistles may do you more of a disservice than benefit.

OliUK
Shopify Partner
234 2 48

Hi @Sam100 ,

No worries at all.

Sounds good, I've just emailed you back.

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

AmyEgb
Visitor
2 0 0

Hi @OliUK 

You're doing good work here. Could you please take a look at my site - https://montret.com as well?

 

Thanks in advance,

Amy.

OliUK
Shopify Partner
234 2 48

Hi @AmyEgb,

Yep, no worries.

Your store is requesting a copy of the whole of the Boostrap style sheet(CSS), it might be something to do with Trust pilot, I can’t really see. I think it’s in your theme folder => assets => vendors.css . I might be reading it wrong though.

The rest of the big Javascript requests are coming from your Shopify theme.

Hope that helps,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

AmyEgb
Visitor
2 0 0
Thank you very much!
ErikaX7
Visitor
1 0 0

Can you help me as well I don't know how to clear unused javascript and my page speeds are low. 

https://721done.com/

OliUK
Shopify Partner
234 2 48

Hi @ErikaX7,

Yep, sure. You have a pricing widget on your product pages that takes 800ms to load (according to Google at-least) it makes a second smaller request within the main page load as well.

Your stylesheet takes a second to download, but that's pretty essential. However, you could experiment with removing all of it's unused code. Maybe using a tool like this: https://www.jitbit.com/unusedcss/

I haven’t used JitBit, but it looks reasonable.

Cheers,

Oli

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

Sandhu20
Tourist
5 0 1

Hi Oli,

You are a rare gem here helping out the community and it's very impressive in itself. I was tearing my hair out trying to find an answer to the google speed checker 2.2's low result (19 on mobile speed). I know you have already helped a lot of people and it must be exhausting but if you can please give me your valuable feedback ,I will be very grateful. My site is https://hygienesanctuary.com

Much , much appreciated mate, you are a real treasure to Shopify.

cheers!

OliUK
Shopify Partner
234 2 48

Hi @Sandhu20 ,

No worries at all, thanks for the kind words.

There's quite a few things you can do to improve page speed, which is promising. I've pasted a list of Javasctipt requests from the Google report below.

I would consider the 400kb requests as really big. If you're not using any of these apps, removing them would really speed things up.
I'm not sure what the first app is, as it's a URL to a developers website. Next is a review widget, this should really bee around the 100kb mark, so over 400kb is a bit concerning.
Then there's a customer loyalty app and then an API call to Google's translation service.

URLTransfer SizePotential Savings

593.8 KB
465.4 KB
709.3 KB
440.7 KB
/v1/smile-shopify-b415a35….js
(smile-ui.smilecdn.co)
448.7 KB
315.2 KB
…element/element_main.js
(translate.googleapis.com)
425.7 KB
314.9 KB
341.1 KB
259.2 KB
332.5 KB
227.7 KB
/v1/vendor-ce3bc1a….js
(smile-ui.smilecdn.co)
208.2 KB
166.3 KB
222.9 KB
160.8 KB
154.2 KB
151.6 KB
/gcaie-B7b….js
(incartupsell-oihcsf0gzy.netdna-ssl.com)
283.6 KB
147.4 KB
154.2 KB
132.1 KB
240.5 KB
113.8 KB
147.7 KB
111.9 KB
…1.12.4/jquery.min.js
(ajax.googleapis.com)
165.8 KB
110 KB
126.1 KB
107.2 KB
…1.10.2/jquery.min.js
(ajax.googleapis.com)
160.9 KB
105.8 KB
131 KB
87.1 KB
…1.11.1/jquery.min.js
(ajax.googleapis.com)
163.4 KB
69.6 KB
/gcaie-B7b….js?c=159…&shop=sandhu20.myshopify.com
(incartupsell-oihcsf0gzy.netdna-ssl.com)
123.4 KB
64.2 KB
152.4 KB
60.5 KB
63.1 KB
35.4 KB
70.5 KB
33.9 KB
77.5 KB
33.8 KB
54.8 KB
30.8 KB
/en_US/fbevents.js
(connect.facebook.net)
112.9 KB
28 KB
15.8 KB
12.7 KB
29.5 KB
11.8 KB
18.3 KB
10.2 KB
18.3 KB
8.1 KB
13.5 KB
5.7 KB
13.5 KB
5.1 KB
80.9 KB
4.5 KB
127.3 KB
3.9 KB
9.2 KB
3.4 KB
9 KB
3.4 KB
6.6 KB
3.4 KB
52.2 KB
3.2 KB
4.9 KB
3 KB
15.6 KB
2.1 KB

 

I would go through these apps and make sure your using them all. If you're not, you could follow the app developers uninstall guide, just to make sure you remove all of the code.

Good luck,

Oli

 

Sandhu20
Tourist
5 0 1

Hi Oli

Thank you so much for the feedback and the explanation! I really appreciate the input. Keep up the good work! Cheers!

Sandhu20
Tourist
5 0 1

Hi Oli,

I actioned all of your suggestions on the earlier speed results and thus have been in touch with all the top apps that were slowing my site speed (https://hygienesanctuary.com/).

One (revy.io) of them replied :

"The size value you encountered is actually the raw value after browser de-compression.
We use Brotli compression. Therefore the actual script value before browser de-compression is 68kb. here an image example :"

 https://www.dropbox.com/s/8g7b1vz0slki5of/Screen%20Shot%202020-10-15%20at%2014.19.20.png?dl=0

and another one (Opinew) said : "You shopify expert isn't quite right. Our script is 400kb after unpacking but actually comes at 140kb to your site"  (Our test results from this site were 709/440 KB)

Hence, Is it possible that these both sites might be using some other criteria to monitor the speed on their end and thus might be correct too please? 

Thank you SO much again mate for all your help! I really appreciate it!

Cheers Oli!

OliUK
Shopify Partner
234 2 48

Hi @Sandhu20 ,

Thanks for passing on the app developer's replies, it's handy to see.
All the figures I sent you were just copied and pasted from the Google report. So, it's possible there's some further context there.

Something I'd recommend is to open your site in Chrome, click 'inspect element', click the 'lighthouse speed test' from the top menu options.
Then after running that, there will be a section of the report called 'eliminate render-blocking resources'. There will be a list there with how much time different requests slow the main page-speed down. If one of the apps is in there and taking up a sufficient amount of load time, then I would still worry about it.

Google sometimes doesn't differentiate between processes that slow the main page load down and processes that happen after the main page has loaded. The 'eliminate render-blocking resources' lists the former. If any of the apps are listed here, you could ask theme if there's any possibility of loading 'async'?

Good luck,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

lavinia13
New Member
4 0 0

Hi Oli!

Been trying to post on here but not sure if my reply is even going through 😞 Do you mind pretty please taking a look at my store as well? Any advice you have will be so appreciated!!

 

https://adkn.co.uk

OliUK
Shopify Partner
234 2 48

Hi @lavinia13 ,

Yep sure, no worries at all.

Your product pages load pretty fast on my laptop by the way. In terms of Javascript requests, there's a customer loyalty app in the top two spots. I've seen this particular app a couple of times now, so I looked a bit closer and it's actually only loading after your main page has finished, so it's not actually slowing your store down. Google just doesn't seem to take this into account when giving it's speed scores. So, my opinion would be not to worry about this.

However your chat and email marketing app are impacting load time, I've pasted the google report on this below.

 

Name | Size | Thread Blocking Time

Shopify
979 KB
466 ms
Tawk.to
238 KB
286 ms
Klaviyo
317 KB
227 ms

 

If you're using both of these apps, it might be a good idea to reach out to the developers and ask if the apps can begin after the main page-load has finished.

Good luck,

Oli

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

 

 

Maverickyeung
Tourist
11 0 3

Hi @OliUK ,

Such a great job you're doing by helping others in this thread and keeping this well and alive.

I too, am struggling to improve my store's speed and was wondering if I could get your help with this. My store's link is https://thehappycerberus.com/

I've been using Google PageSpeed Insights to test my site's speed and I've gotten 19 and 35 for mobile and desktop scores respectively. Shopify's online store speed meter gives me a 6 only!

Like most people who've asked for help here, I'm not very code savvy. I've been looking around and trying to dig out and remove leftover code from apps that I've deleted, especially in theme.liquid.

For example, here's the section from Google PageSpeed Insights regarding removing unused JavaScript (which takes up a good 5+s).

It looks like the first one is from a sales pop up app that I use. I use that app but it says that the .js file is unused. And I can't seem to find that file called salespop.production.js in my assets and within theme.liquid. I've found a similar file called sales-pop.min.js. Would these be related?

Not sure what the rest are. Would it be worth to try and contact the app developers as you've recommended to others previously?

Regarding removing the code themselves, where else could I look other than theme.liquid?

 

URLTransfer SizePotential Savings

168.3 KiB
118.5 KiB
121.1 KiB
101.1 KiB
110.2 KiB
72.6 KiB
69.6 KiB
63.5 KiB
65.7 KiB
63.2 KiB
113.4 KiB
54.1 KiB
69.4 KiB
52.5 KiB
98.6 KiB
50.2 KiB
71.3 KiB
43.8 KiB
…sdk/xfbml.customerchat.js
(connect.facebook.net)
74.9 KiB
43.5 KiB
54.8 KiB
39.5 KiB
36.7 KiB
34.2 KiB
34.4 KiB
31.1 KiB
72.8 KiB
30.4 KiB
31 KiB
29.1 KiB
/logger-1.min.js
(cdn.lr-ingest.io)
112.1 KiB
27.1 KiB
70.2 KiB
24.4 KiB
64 KiB
21.4 KiB
/cartsync.production.min.js?shop=…
(checkouts-public.s3.amazonaws.com)
36.8 KiB
20.7 KiB
22.6 KiB
20.5 KiB

 

Hope this is clear enough. Thanks in advance.

 

Thanks,

Maverick

 

OliUK
Shopify Partner
234 2 48

Hi @Maverickyeung ,

No worries at all, happy to have a quick look for you. (that pet food measuring spoon is pretty amazing by the way, having a scale built-in to the scoop makes a tonne of sense).

So,  in terms of the 'salespop.production.js' file, you probably won't be able to find it in your theme file. That's because it's triggered through Shopify's script tag system. Shopify allows apps to run a 'script' each time a page loads. It's actually quite a nice way for an app to function, as these scripts run after the main page has loaded, so effectively not slowing down your page speed (although Google doesn't always seem to take this into account).
So, I personally wouldn't worry too much about this one.
By the way, removing an app automatically removes it's Shopify script tag from your website.

There's a section of the Google 'lighthouse' speed test called 'Eliminate render-blocking resources', that lists the requests that actually slow down your main page load speed. I've pasted yours below. The first couple are from your theme. The third one isn't though and should be in the assets folder of your theme (I think), so if you're not using it anymore, that could be a file you could test removing. The last one on the list might be coming from your theme too, so maybe best not to remove that.

 Show 3rd-party resources (4)

URLTransfer SizePotential Savings

25.3 KiB
1,160 ms
…css/font-awesome.min.css
(maxcdn.bootstrapcdn.com)
6.7 KiB
920 ms
4.5 KiB
860 ms
2.3 KiB
860 ms

 

Hope that helps,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

 

Cassiee
Visitor
1 0 0

Hi @OliUK  really nice of you to help people so much! I was wondering if you could give me some advice, I have looked on insights and watched the guides etc but I can't get my head around it all.  I have also removed any apps we don't use but I have no idea how to remove the code, I've tried scrolling through it and also searching for the code that comes up in the insights.  Our site score sits between 16-21 on shopify and is 25 on insights, we are using Debut so not sure if that's the issue and we need to move to a paid theme?  These are our insights

 

https://developers.google.com/speed/pagespeed/insights/?url=www.littlewhispers.co.uk

 

I'd really really appreciate some advice as it's hurting my head.  Thank you!

/looks for wine

OliUK
Shopify Partner
234 2 48

Hi @Cassiee ,

No worries at all.

I'm not a theme developer, but we have one of our test stores with the Debut theme. It's pretty Javascript light and doesn't have lots of bells and whistles, so it's probably one of the better themes for page speed.

There's a menu app that's directly slowing down your page speed (2nd in the 'Eliminate render-blocking resources') section. Do you still have this app installed? If not, you could test removing it's file in your theme => Assets folder. Just be careful to test that removing it, doesn't adversely affect your theme.

The 'Remove unused JavaScript' section of the report isn't as important for page speed, but I'm just having a quick look. The second request in the list is loading after the main page has loaded, so not really an issue (even if Google says it is). The rest are Facebook, Paypal or your theme. They don't look like huge requests though, so I think you're doing ok.

That menu app pops up again later in the 'Reduce the impact of third-party code' section of the report and Google claims it's slowing your site by 2 seconds. So, I think this is the main area to look into.

Hope that helps,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

Maverickyeung
Tourist
11 0 3

Hi @OliUK ,

Thanks for your comprehensive input (and also feedback about one of my products, always very useful!).

Your explanation regarding how the app scripts runs after the main page loads makes a lot of sense, seeing as from a layman perspective, it does load only after everything else has loaded. However, it still doesn't change the fact that a huge portion of opportunities suggested by Google lighthouse speed test is related to removing unused JavaScript. I noticed a few of them could be related to Facebook, just a wild guess based on static.xx.fbcdn.net (could be completely wrong here). And also, I've been told that not necessarily removing scripts help but aggregating them makes pages load quicker? I've tried aggregating these when I implemented lazy loading based on tips from Shopify forums as well previously. 

URLTransfer SizePotential Savings

168.3 KiB
118.5 KiB
121 KiB
101 KiB
93.7 KiB
78.1 KiB
65.7 KiB
63.2 KiB
113.3 KiB
53.8 KiB
69.4 KiB
52.5 KiB
98.6 KiB
50.2 KiB
56.9 KiB
47.8 KiB
71.3 KiB
43.8 KiB
…sdk/xfbml.customerchat.js
(connect.facebook.net)
74.9 KiB
43.5 KiB
34.4 KiB
31.1 KiB
72.8 KiB
30.4 KiB
32.1 KiB
30 KiB
31 KiB
29.1 KiB
/logger-1.min.js
(cdn.lr-ingest.io)
112.1 KiB
27.1 KiB
64 KiB
21.4 KiB
23 KiB
21.2 KiB
/cartsync.production.min.js?shop=…
(checkouts-public.s3.amazonaws.com)
36.8 KiB
20.7 KiB
22.7 KiB
20.7 KiB

 

And regarding 'Eliminate render-blocking resources', I've removed the unused one. Thanks for that. However, the ones for my theme still contribute a good 2s to potential savings. Is there a way to optimise these? I noticed Google suggests deferring non-critical js/styles.

URLTransfer SizePotential Savings

25.9 KiB
1,080 ms
2.7 KiB
780 ms

 

Thanks again for your help.

Maverick

OliUK
Shopify Partner
234 2 48

Hi @Maverickyeung ,

All those fbcdn links are coming from Facebook I think (or at least their content delivery network). I've had a quick look at the files from those requests and I don't really understand what their purpose is. As far as I know, only Facebook services can use the FBCDN. It might be an idea to look into your theme's 'theme.liquid' file and make sure there aren't any double-ups or mysterious names in the <head></head> section of the template. They'll probably be in the format of '<script src="XXX".....' or 'include XXX', and just make sure you test anything that you remove.

In terms of the requests from your theme in 'eliminate render....', I personally wouldn't touch any theme related files and requests. There's just a lot of complexity there and it would be hard to start pulling things out without breaking things. That said, the top request is a stylesheet and there are tools that claim to show the unused code from the used. 

Cheers,

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

SJamesWatches
Visitor
1 0 0

@Qualitycheck 

, would you please reach out to me I am having the same issues with removing unused code, thanks! 

Cafejoe
Visitor
1 0 0

Can someone who can help remove unused code help me?

GlossVentures
Visitor
1 0 0
Click to expand...
Qualitycheck, can you contact us at marketing@glossventures.com - we're interested in your services in clearing out bad code
kazamimi
Tourist
4 0 3

Hey man,

Really hoping you can help me out before I end up paying a company $300 to clean up code and optimize speed. Shopify shows a score of 22.....and I definitely did some experimenting with apps before figuring out what worked and what didn’t, so I’m sure there’s a mess of code.

 

www.rogayoga.com

 

....any chance you’re for hire? Lol

OliUK
Shopify Partner
234 2 48

Hii @kazamimi ,

I don't offer paid services as it takes time away from developing/running PreProduct. I am happy too have a quick look at your store though.

I think there might be some low hanging fruit here, you have three different requests from Facebook (which are also the biggest js requests). Have you got three different pixels installed? or Maybe a pixel installed and some Tag manager stuff as well?
If you could consolidate down to one Facebook request, that could increase page speed quite nicely.

The next opportunity to cutdown on unused Javascript is a sizing plugin. it doesn't look like it's being irresponsible or anything like that, but if you'ree not using it, I would recommend removing it from your codebase.

Your theme's stylesheet has about a seconds worth of unused styling rules according to Google, but it might be more trouble that it's worth to find and remove them safely.

You've for quite a few small opportunities as well, here's the complete list of unused Javascript processes according to Google:

Hope that helps,

Oli

133.1 KB
124.9 KB
132.8 KB
124.7 KB
133.2 KB
113.9 KB
106.9 KB
76 KB
149.8 KB
73.1 KB
135.3 KB
72.3 KB
62.1 KB
60.9 KB
71.3 KB
58.8 KB
114.6 KB
51.2 KB
264.4 KB
39.7 KB
71.4 KB
39.7 KB
71.6 KB
36.4 KB
/js/sharethis.js
(platform-api.sharethis.com)
61.3 KB
34.5 KB
/en_US/fbevents.js
(connect.facebook.net)
67.8 KB
33.9 KB
40.8 KB
33.7 KB
50.4 KB
32.8 KB
51.3 KB
30.2 KB
61.4 KB
24.3 KB
36.6 KB
21.7 KB
…1.11.1/jquery.min.js
(ajax.googleapis.com)
33.1 KB
21.4 KB
59.4 KB
21.3 KB
37.8 KB
17.7 KB
24.6 KB
14.3 KB
30.3 KB
13.4 KB
13.4 KB
10.8 KB
19.2 KB
10.8 KB
14.2 KB
8 KB
18.6 KB
6.9 KB
11.9 KB
4.7 KB
13.5 KB
3.9 KB
3.6 KB
2.9 KB
9 KB
2.5 KB
5.2 KB
2.4 KB

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

 

OliUK
Shopify Partner
234 2 48

We went through the Shopify app review process about 2 months ago and Shopify takes this issue quite seriously now.

They ask that app developers have a way to automatically remove any inputted code on the store. For example, we have a button on our 'setup' page. It might be worth re-installing said apps, just to make sure they don't have an equivalent.

 

Cheers,

 

Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products

 

Foresterbags
Visitor
1 0 2

Hi, Can someone help me learn how to remove unused code? Unused JavaScript causes 2.7 sec delay on my website - I am sure it's caused from uninstalled apps. I ran speed test and after uninstalling some apps that I wanted to try but didn't like, it made my websit mobile speed score 34, when it was around 65. Thanks!

OliUK
Shopify Partner
234 2 48

Hi @Foresterbags ,

 

If you open your store on Google Chrome and then hold control and click the page, then select 'inspect' from the box.

Then click on the 'Network' tab on the top of the newly opened side panel. You should be able to see a waterfall diagram of your pages load time, maybe list out any slowly loading items (before the red line) especially if they contain the name of prior apps.

 

Is it your product pages that are loading slowly? or the catalogue/collection pages? If you copy and paste the code into this thread, I'm happy to have a quick look at it and see if there's anything obvious we could take out.

 

Cheers,


Oli

 

——————————

Founder @ www.preproduct.io

Test and make sales for future products