Solved

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

davidbirdi
Tourist
11 0 0

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.

davidbirdi_0-1659394482459.png

 

Thanks in advance!

Accepted Solution (1)

AlanDerrick
Excursionist
16 2 5

This is an accepted solution.

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.

View solution in original post

Replies 7 (7)

subsecond
Shopify Partner
8 2 3

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

Subsecond: Helping stores build a better web experience for their customers.

Load the checkout page faster with Subsecond: Prefetch Checkout
Speed stats from real users with Subsecond: Speed Check

Cedcommerce
Shopify Expert
718 76 112

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

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here

AlanDerrick
Excursionist
16 2 5

This is an accepted solution.

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.

davidbirdi
Tourist
11 0 0

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!

AlanDerrick
Excursionist
16 2 5

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.

davidbirdi
Tourist
11 0 0

Tysm for ur help!

MS_WEB_DESIGNER
Shopify Expert
695 52 135

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
https://apps.shopify.com/available-discount-coupon-list-on-cart-page
Elegant Sticky Add to Cart, Floating Cart, Sticky Checkout

https://apps.shopify.com/cart2sale



 

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

banned