How can I reduce the high Javascript and CSS content on my fast site?

My site mediemarketing.dk is very fast, mainly because there isn’t a huge amount of content. The problem is that Pingdom tells me that my JS and CSS use a huge amount of the content. It has gone up massively ever since I compressed my images, but I still find it very high. I’m no coding guru, but I really want to look into this. Is there any way how to “fix” this, that doesn’t require very advanced stuff?

Btw, I have a suspicion that I have installed many apps in my time (only have 7 now), and the app’s scripts have stayed on my site. The problem is I have no clue where they are.

Thanks in advance!

Hello, ~350kb of scripts is actually less than the median webpage (https://almanac.httparchive.org/en/2021/page-weight#fig-2) of 430kb.

If your website has an audience that would benefit from a faster website (lower than average network speed, mostly mobile connection), Then I would recommend:

  1. Try to reduce the number of apps and scripts on each page as much as possible, its the easiest option and will give the most benefit.

  2. You can hire someone (like me) to dig around in your store code and do some cool optimizations to make the website as fast as possible.

From the tests that I did on your site, I think its fine the way it is.

Thank you,

  • Jones from Subsecond

Hey @davidbirdi ,

We have checked the issue. We can resolve this by removing unused JS and CSS scripts and unnecessary apps.

We suggest you ask your developer to help you with this issue or hire one to get it resolved.

All the best,

Team CedCommerce

Another store owner here… It may be helpful to run some of your pages on https://gtmetrix.com/. Look at the tab marked “Waterfall”. Pay attention to Domain and Timeline. It will help you understand the impact of your apps on load time. Select “Learn how to read a waterfall chart.” near the top of the Waterfall panel to get an explanation of how to read it. It looks like you have a pretty big delay at first, maybe a redirect from mediemarketing.dk The server location may explain it?? I see some unnecessary activity on fonts that would be easy to fix in your theme editor. Perfectapps looks suspicious. A real hog. There is a really long weight time from Facebook. Also run some pages on https://pagespeed.web.dev/ and be most concerned with mobile. That is how Google judges. a slow site will rank lower with organics and have a harder time competing on Google Ads. They like to see mobile at 70% or higher. There is a pretty simple way to look and see if you have left over code from uninstalled apps or previous modifications. Sometimes the easiest thing is to install a fresh up to date theme, re-enter your content (not inventory) and publish. That will clean things up completely and give you a fresh start. Disclaimer; like you, I’m a store owner and not a coder. One more thing… It’s best practice to duplicate your theme every time you are about to make a serious change like invite an outside consultant in to modify things or install an app. You can roll back if something goes wrong.

Hi @davidbirdi

Welcome to the Shopify Community!

I am Ani From MS Web Designer(https://www.mswebdesigner.com/) (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore ). I helped 1000+ Shopify Store owners optimize their website loading speed for mobile and desktop and increase their conversion rate.

I will love to help you with some expert feedback here.

  • Kindly Provide your Store Url,

  • Also, Mention Which Shopify theme you are using

  • How many Apps you are using?

Note: If your store is protected with ‘store Font password,’ please Send it here or DM me.

If you have any concerns feel free to ask me!

Pro Tips :
Proven Shopify App to Improve and Sales Conversion Dramatically

Coupon Discount Popup in Cart

Elegant Sticky Add to Cart, Floating Cart, Sticky Checkout

Recover abandoned carts and market better with web push

https://apps.shopify.com/pushowl?

Here is a helpful article to improve the Shopify Page Speed and how to maintain the Speed post Speed optimization that our experts wrote!
Based on 500 + Case Study

https://blog.mswebdesigner.com/category/speed-optimization/

Regards,
Ani

Tysm for ur answer! I managed to fix a decent amount of it. What is this Perfectapps though and where can I delete it? I don’t have an app named it.

Also, about the fonts, what is wrong and how do I fix it?

Thanks again!

I searched Perfectapps and pulled up this page. You will probably recognize it. https://apps.shopify.com/partners/perfectapps

You can change your font settings here: Online store > Customize > Theme settings > Typography. I read that it needlessly slows the page load time when using fonts not already on the visitor’s system. It forces the user’s browser to download the font. The best practice is to use a standard font such as Arial (sans-serif). https://www.w3schools.com/cssref/css_websafe_fonts.asp#

Again, I am just another store owner and not a developer.

Tysm for ur help!