Solved

Why is my Shopify site loading slowly on mobile?

desi12
Tourist
9 1 3

Hi everyone,

 

Here's my site : www.desifavors.com 

Om mobile it takes for ever to load the products and some times just stuck at loading - can anyone please help with this?

Accepted Solution (1)

ui-gab
Shopify Partner
211 13 55

This is an accepted solution.

I was just playing around with your site on mobile and desktop. I don't feel it personally loads very slowly for me.

 

But I've thrown your site into some pagespeed testers, you can see the results here:

https://gtmetrix.com/reports/desifavors.com/3p7sAav1

 

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

 

Nothing seems particularly out of the ordinary other than the need for basic optimization of your images and scripts etc.

There's lots that can be done if you have the technical skills.

 

Cheers,

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.

View solution in original post

Replies 9 (9)

ui-gab
Shopify Partner
211 13 55

This is an accepted solution.

I was just playing around with your site on mobile and desktop. I don't feel it personally loads very slowly for me.

 

But I've thrown your site into some pagespeed testers, you can see the results here:

https://gtmetrix.com/reports/desifavors.com/3p7sAav1

 

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

 

Nothing seems particularly out of the ordinary other than the need for basic optimization of your images and scripts etc.

There's lots that can be done if you have the technical skills.

 

Cheers,

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.
desi12
Tourist
9 1 3

Thanks for your advice 

alwayshumble
Visitor
2 0 1

Hi desi12,

 

We recently built our online store and I came to your thread looking for a solution as well. I see lots of answers in these threads but no one seems to be using google's PageSpeed Insight test. Most likely our issue is we are using slow themes which were not coded for mobile speed. When I ran your site it ranked terrible for mobile, giving a score of 10 out of 100. https://developers.google.com/speed/pagespeed/insights/

 

 

Estimated Savings
Remove unused JavaScript
 
8.28 s
 
Remove unused JavaScript to reduce bytes consumed by network activity. Learn more.
 
URLTransfer SizePotential Savings
426.8 KB
317.3 KB
130.5 KB
112.2 KB
107.9 KB
64.8 KB
68 KB
47.4 KB
/shopify_v2.js
(cdn.judge.me)
86.7 KB
46.8 KB
/theme_files/th-pb-script.js?v=220
(bundle.thimatic-apps.com)
43.4 KB
42.5 KB
41.1 KB
25.9 KB
56.1 KB
25 KB
…3.4.1/jquery.min.js
(ajax.googleapis.com)
30.8 KB
21.7 KB
/en_US/fbevents.js
(connect.facebook.net)
32.1 KB
16.3 KB
/widget/javascript?shop=desifavors.myshopify.com
(wholesale-pricing-now.herokuapp.com)
16 KB
15.9 KB
15.7 KB
13 KB
31.4 KB
12.5 KB
…js/bootstrap.min.js
(maxcdn.bootstrapcdn.com)
15.5 KB
11.7 KB
…v6/smartwishlist.js?shop=desifavors.myshopify.com
(assets.smartwishlist.webmarked.net)
12.8 KB
11.3 KB
13.7 KB
10.6 KB
/widget/javascript?shop=desifavors.myshopify.com
(quantity-breaks-now.herokuapp.com)
13.6 KB
9.6 KB
9.2 KB
8.3 KB
13.8 KB
7.7 KB
…umd/popper.min.js
(cdnjs.cloudflare.com)
7.8 KB
6.9 KB
8.8 KB
6.9 KB
12.1 KB
6.5 KB
18.7 KB
5.8 KB
12.8 KB
4.8 KB
…v0.1/analytics.js
(cdn.shopify.com)
9.5 KB
4.6 KB
5.1 KB
4.5 KB
5.5 KB
4.1 KB
/v6/bugsnag.min.js
(d2wy8f7a9ursnm.cloudfront.net)
12.6 KB
3.8 KB
9.3 KB
3.8 KB
4.3 KB
3.5 KB
3.6 KB
2.9 KB
3.1 KB
2.7 KB
5.6 KB
2.7 KB

 

Another 5 seconds could be shaved off by fixing: 

 

Defer offscreen images
5.4 s
Eliminate render-blocking resources
2.91 s
Remove unused CSS
1.35 s
Properly size images
0.6 s
 
TheExtraSmile
Excursionist
10 0 9

Hello!

We've got the same issue with www.the-extrasmile.com

How do you remove unused javascript? Do you need to hire a developer to do that?

 

ui-gab
Shopify Partner
211 13 55

You could theoretically remove it yourself. However, there always runs a chance of removing something that is being used.

A random developer may or may not be able to remove the codes, because they likely don't know which apps have added what code to the website.

The best bet is to slowly remove any code that you think is not in use, by maybe googling that code to see if it is part of an app you have installed now or in the past.

 

You could hire me, all I require in return is an install of my app and a good review. 

But like I said, I don't really know what may or may not break the site, so I run the risk of breaking something.

Let me know if you'd like me to help.

ui-gab
https://www.uiavenue.ca
We specialize in data analytics. If I've helped you today, please give our give our app a try (15-day free trial) https://apps.shopify.com/ui-ave-analytics and maybe write a good review.
Send me a message if you want a free data analysis consultation.

eemanali
New Member
7 0 0

Hello Friend

I am shopify developer contact me on fiverr I'll speed up your shopify.

https://www.fiverr.com/saifullahsaeed4/speed-up-and-optimize-wordpress-or-shopify-store-in-24-hours

lupusfortis
Visitor
1 0 0

Hello friends, the speed of my site is very slow, I do not know how to find and delete the codes to speed this up. I would be very happy if you could help me with this subject.

site adress: https://babamamakids.com/ 

second site adress: https://215concept.com/ 

SarvMarketing
Shopify Partner
55 5 11

@desi12 

Hopefully, you were able to figure out the issue, and your site loads fine for a person with 7.5mbps mobile network. 

I am going to quickly run an analysis for your product page: https://desifavors.com/products/white-green-yellow-lilly-garlands-5-feet 

Let's hope this helps you more.

Here are some tips for the beginning: 

  • Implement lazy loading for images especially on mobile
  • Resize your images for mobile (I use PNGGauntlet for compressing/resizing and also serve separate images for mobile)
  • Remove the apps you are not using anymore 
  • Turn off the app features that you don't use anymore
  • Decrease the number of fonts being loaded on the product page and also on the overall site. Currently, your product pages load around 8 fonts.
  • Minify CSS and JS files. (12 CSS and 35 JS files on your product page)
  • Avoid pop-ups

Best,

Sarvanshu



If helpful then please Like and Accept the Solution.

Best,
Sarv

donaldhartfield
New Member
9 0 0

Slow loading speed on mobile devices can be caused by several factors. Here are some common issues that could be causing your website to load slowly on mobile devices:

  1. Large images: Large image files can slow down your website's loading speed. You can optimize your images by compressing them, reducing their size, or using a content delivery network (CDN).

  2. Too many HTTP requests: Every file that your website loads requires an HTTP request. If you have too many HTTP requests, it can slow down your website's loading speed. You can reduce the number of HTTP requests by combining files, minifying CSS and JavaScript, and using browser caching.

  3. Unoptimized code: Unoptimized code can also slow down your website's loading speed. You can optimize your code by using clean, lightweight code, compressing your code files, and removing any unnecessary code.

  4. Slow server response time: The response time of your server can also impact your website's loading speed. You can improve your server response time by upgrading to a faster server, optimizing your database, and using a content delivery network (CDN).

  5. Mobile-specific issues: There may be issues specific to mobile devices that are causing your website to load slowly. This can include issues like using non-mobile-friendly pop-ups, not optimizing your mobile design, or not using mobile-specific optimizations like Accelerated Mobile Pages (AMP).

To fix these issues, you can try using website optimization tools like Websitespeedy, Google PageSpeed Insights, GTmetrix, or Pingdom Website Speed Test. These tools can help you identify the specific issues that are causing your website to load slowly on mobile devices and provide recommendations on how to fix them. You can also consider working with a web developer who can help you optimize your website's performance.