Why is my website loading slowly on mobile?

[Lilboris]

Hello!

I've been creating a website for a month or two now, and im finally starting to get it looking abit like i want it, but im seeing its loading slower and slower by the day on phone. Right now if i open the site it takes seconds for it to load the front page. The review app even lags about for even longer and shows wrong text before it translates lol.. 

Anyone has any suggestions? Site is below

Www.hundben.se

[deepaksharma]

Hey there @Lilboris 

Your website is overall near perfect but mobile view have quite issues

https://pagespeed.web.dev/analysis/https-hundben-se/9mn5ole5q8?form_factor=mobile

Try fixing these issues listed you can ask me if you stuck somewhere fixing these issues

If you are unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!

[Lilboris]

I actually tried to look at pagespeed and saw what you linked, but it does not make any sense to me (i dont speak code 😄 ) 
So if you can and have time, i would be extremly happy for your help 😃

[Sweet_Savior_3]

Hello @Lilboris 

Welcome to Shopify Community.

I did checked your store with Google page insights.

And there are some errors need to be fixed to increase the page speed:

Currently it is 44 for mobile and 72 in desktop:

There are some that can be solved in order to increase the speed.

If you are not good with the code. I highly recommend you to hire an expert for this.

Let me know if you need one.

Thanks

[Lilboris]

Thanks for the reply.

I thought the whole idea of using shopify was that i didnt need the coding experience? 😮 

[Sweet_Savior_3]

Yes, but not everything is possible without coding 🙂

Thanks

[SEOAnt-Zoey]

Hi, I'm glad to participate in this discussion.
The best way to improve website speed is to have professionals help you optimize your site or to use a Shopify app with acceleration features.

Google is now very strict about monitoring website speed. Some experts might use cheating methods to significantly improve your website's speed, but if Google detects this, your site could face penalties, such as having your products removed from Google Merchant Center. Using legitimate methods to speed up your site is a highly technical and time-consuming process, and it can be quite costly.

That's why choosing a Shopify app with acceleration features can be a better option—you won't have to worry about violating Google's rules, and it’s more cost-effective.
I recommend SEOAnt ‑ AI SEO Optimizer.

Here’s why:
1.All acceleration features comply with Google’s guidelines. If the app doesn't follow the rules, Shopify will remove it from the app store.
2.SEOAnt ‑ AI SEO Optimizer offers a comprehensive set of acceleration features:
      -Image optimization: For most websites, images are typically the last to load. Losslessly compressing page images can shorten your page load times.
      -Site Speed Up: When users visit the website, this feature limits the loading of third-party resources and the execution of unnecessary programs. It               prioritizes loading your own website resources, saving the time spent on loading third-party resources.
      -Lazy-loading: Preload and render potential target pages before the user's anticipated actions, significantly reducing page switch delays and                         perceived wait times.
      -Instant Page: Before a user clicks on a link, they hover their mouse over it. When a user hovers for 65ms, there’s a 50% chance they’ll click on the link.         At this moment, instant.page starts preloading, giving an average of over 300ms for the page to preload.
      -AMP: AMP (Accelerated Mobile Pages) is an open-source framework launched by Google, designed to help web content load quickly, especially on                mobile devices.

Google has repeatedly emphasized that fast-loading websites not only provide a better user experience but are also more likely to achieve higher rankings in search results.

A study by Google and SOASTA found that increasing page load time from 1 second to 5 seconds increases the likelihood of users leaving by 90%. For every additional second of load time, conversion rates drop by an average of 20%. Another finding is that pages that take more than 3 seconds to load may see a 32% increase in bounce rates.

SEOAnt would like to offer a 40% discount to users who try installing the SEOAnt - AI SEO app. Please install it through this link and enter "SEOAnt-AI SEO40%OFF" on the pricing page to receive 40% off all plans for a period of 2 months, valid long-term.

Wish you a prosperous business！

[Avitanshi_17]

Hello @Lilboris,

It sounds like you're facing performance issues on your website, especially on mobile. This can be caused by a variety of factors, but here are a few common ones and some suggestions to help speed things up:

1. Image Optimization: Large images are often the culprit for slow loading times. Ensure your images are compressed without losing too much quality. Tools like TinyPNG or ImageOptim can help reduce the file size.
2. Reduce HTTP Requests: Every element on your page (like images, scripts, and fonts) requires a separate request. Minimize these by combining files or using a lazy-loading technique, where images only load when they are about to be viewed.
3. Use a Content Delivery Network (CDN): A CDN can speed up your site by serving static files (like images and JavaScript) from servers closer to the user, reducing latency.
4. Minify CSS and JavaScript: Compress your CSS and JavaScript files by removing unnecessary spaces, comments, and characters. This will reduce the file size and improve load times.
5. Check Third-Party Apps: Sometimes, apps on your Shopify store can slow down your site. Review which apps you’ve installed and see if any are particularly heavy or unnecessary. Disable any that aren’t essential.
6. Caching: Implement caching to reduce loading times for repeat visitors. This can be done through your Shopify theme or using third-party apps.
7. Mobile Optimization: Since the issue is noticeable on phones, make sure your theme is mobile-optimized. Sometimes, elements like large scripts or excessive animations can cause delays on mobile devices.

Lastly, it might be helpful to test your site speed using tools like Google PageSpeed Insights or GTmetrix. These tools can give you specific recommendations based on your site’s performance.

By implementing some of these changes, you should notice a faster, smoother browsing experience, especially on mobile.