New to shopify & receiving a low website speed score - please can anyone advise how to speed up site

Good Evening,

Please could anybody advise the best way to speed up my webpage?

I am concerned as new to shopify and received a low speed score.

URL: https://endless-retro-22.myshopify.com/

Theme: Shella

Thank you

I just had a quick look at your site. Here are a few suggestions:

  1. You have quite a few fonts loading (source sans, roboto, unica), which is one of the main causes of slow page speed. I would suggest limiting to one and using a standard web font (e.g. Arial, system-ui, etc) for the other.
  2. There are a lot of CSS files, which will affect page rendering. Condense these, or remove those that are not being used.
  3. A lot of javascript. Again, consolidate or remove the unnecessary ones.

Basically, the more plugins and apps you install, the more requests your website has to make to third-party servers and all these add up to create a slow website.

Clean HTML is a must too. Looking at the source code, it looks very messy.

1 Like

@Ketan_Mistry Thank you very much for taking the time to reply. Much appreciated.

I will take a look at the font as you mentioned as maybe I need to scale it down a little and it may improve the speed.

As mentioned in my first post, I am rather new to Shopify and I will be honest I am not overly tech savvy in the world of computers haha, but doing my best to make my site the best I can. Would you be kind enough to explain the below pointers to me? Even if you just simplify what they mean so I can look into them? I will appreciate any help you can give.

There are a lot of CSS files - what are CSS files? where will I find these to condense?

A lot of javascript - again - what is javascript and where will I find this to condense?

Clean HTML is a must too. Looking at the source code, it looks very messy. -Again, what does this mean please in simple terms :slightly_smiling_face: ?

As I say, any help at all you can give I would be so grateful

Thank you

Hello @Endlessretro
If you are not expierenced with coding, I would not reccomend you venture to try to opitmize your site yourself.

At the moment there aren’t really any step by step easy to follow tutorials specifically for Shopify, though I do plan write some in the future.

You won’t find people willing to walk you through the process step by step for free either, just people willing to give general advise. The dynamic of the forums is that we help people for free with overall advise, that builds our reputation and increases our chances of being hired.

My personal reccomendation would be to hire someone. If you store is not making enough profit to justify hiring someone, I’d reccomend you wait. I’ve seen plenty of stores with horrible speed performance sell well enough. Opitmizing your store to maximum performance is best done when visiter volume is high and diference in load time of seconds can result in thousands of dollars worth sales.

@Endlessretro I agree with @oreoorbitz , if you don’t have coding experience then I would leave this exercise to an expert. I’ve completed quite a few page speed updates for clients recently and by no means is it an easy task. A small change done incorrectly could make it worse.

I would suggest you leave it be for now, see how it performs as it is and once you’ve had a few sales then think about the next steps.

Also as a suggestion, it’s best to use themes listed in the Shopify theme store as they will be built to the recommended standards, one of which is website speed.

Hi @Endlessretro ,

Hope you are doing good.

I have gone though your store.

I have checked your site in Lighthouse from options and generate a report for Desktop and mobile. your website score is very low.

Need to work on following points

    • Reduce unused CSS & unused JavaScript
    • Reduce initial server response time
    • Enable text compression
    • Avoid serving legacy JavaScript to modern browsers

See the details :

First Contentful Paint

First Contentful Paint (FCP) is one of six metrics tracked in the Performance section of the Lighthouse report. Each metric captures some aspect of page load speed.

To learn how to improve FCP for a specific site, you can run a Lighthouse performance audit

To increase FCP score, resolve these issues.

  • Eliminate render-blocking resources
  • Minify CSS
  • Remove unused CSS
  • Preconnect to required origins
  • Reduce server response times (TTFB)
  • Avoid multiple page redirects
  • Preload key requests
  • Avoid enormous network payloads
  • Serve static assets with an efficient cache policy
  • Avoid an excessive DOM size
  • Minimize critical request depth
  • Ensure text remains visible during webfont load
  • Keep request counts low and transfer sizes small

Time to Interactive TTI :

Time to Interactive (TTI) is one of six metrics tracked in the Performance section of the Lighthouse report. Each metric captures some aspect of page load speed.

Total Blocking Time:

Reduce Unnecessary JavaScript loading, parsing, or execution. Reducing JavaScript payloads with code splitting, removing unused code, or efficiently loading third-party JavaScript.

Speed Index

  • Minimize main thread work
  • Reduce JavaScript execution time
  • Ensure text remains visible during web font load

Largest Contentful Paint

LCP measures when the largest content element in the viewport is rendered to the screen.

LCP is primarily affected by four factors:

  • Slow server response times
  • Render-blocking JavaScript and CSS
  • Resource load times
  • Client-side rendering

Cumulative Layout Shift (CLS) :- CLS is a measure of the largest burst of layout shift scores for every unexpected layout shift that occurs during the entire lifespan of a page.

  • For most websites, you can avoid all unexpected layout shifts by sticking to a few guiding principles.

By fixing these issues, your website speed score can definitely improve.
And we will provide an assured guarantee plan for the website speed optimization.

For more details please check the link below.

https://www.oscprofessionals.com/shopify-performance-optimization/

If anything is missed out or unclear then don’t hesitate to ask. Email us or Connect with us on Skype

Have a nice day !

1 Like

Hi @Endlessretro

Aibek is here from Speedimize.io

Our app can help you to improve your Page Speed Metrics: https://apps.shopify.com/speedimize

You don’t need to delete or need code knowledge to optimize your store.

Hope that helps you.

P.S

It’s free, without any charges or subscriptions.

1 Like

@Anonymous good morning,

thank you so much for reaching out. i have installed your app on our shopify page but when I run it, it comes up with this error. any ideas?

thank you

Hi @Endlessretro

Thank you so much for letting me know.

Our developer has fixed this error, which is coming from the Google Page Speed side. Can you please try again to run analysis and then speedimize your theme?

Hope this time everything will be ok.

@Anonymous Thank you.

I have clicked speedimize. It has increased and says my score is 33 which is still not great but an improvement.

I have checked on the homepage of shopify and it still says 19 - any ideas?

Thank you

Hey @Endlessretro

Shopify home page results change every 24 hours only, so new results will be applied only from tomorrow and then this number will change.

In our experience, Shopify stores with more than 30 points are very good results and keep it that way. If you will chase 90 points, it’s really hard and you need to make sacrifices. Deleting apps and other functions to make your store lighter.

Hope my explanation was clear.

1 Like

@Anonymous OK perfect as long as I know I have done it all correctly. I will check the number again tomorrow and hope it updates.

Thank you for your help. If I have any problems - I hope its ok that I come back to you for more help.

Sure thing!

You can send me a message here: hello@speedimize.io

@Anonymous Hello,

I have left it a few days and the speed on the Speedimize app states it is 51 which is of course great. I am just wondering why the shopify page has only updated to a speed of 21. Is there a reason for this?

Thank you,

Hi @Endlessretro

The difference between 21 points in Shopify and 51 points in Google LightHouse is that Shopify takes into account 3 popular pages of your store and calculates the medium result of these pages.

It takes a few days so a new update with speed will be taken into account.

How are your results for today?

If you wish, you can send me here: hello@speedimize.io