New Shopify Certification now available: Liquid Storefronts for Theme Developers

Website page speed down on mobile

Solved
Jaypal
Tourist
3 0 2

Why is my website's page speed so down on mobile?
I tried to fix it but it get down more.

 

Url : https://lotus-sustainables.com

 

Can anyone help me?

 

Thank you

Accepted Solution (1)
flareAI
Shopify Partner
2405 223 533

This is an accepted solution.

Hello @Jaypal,


Gina here from flareAI.

 

I've taken a look at your store. My main comment on your store is there are too much of motion images/GIFs/videos in your store. This can definitely affect the page speed. You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.


Below mentioned tips will help to optimize your store speed: -

 

1. Image compression is important and a necessity for faster loading of web pages.

Make sure your images are of good quality and do not add too many images on a single page. You can try some tools like https://tinyjpg.com/.
2. Remove any apps that you have installed but are inactive or unused.
Applications can add a lot of extra weight to your website. Sometimes those apps create requests while each page is loading – even when you’re not actively using them.
3. Use a device responsive and optimized theme
Shopify offers responsive themes that will adjust the elements on your website based on the size of the device being used to access it. That means that it will automatically optimize images for the user.
4. If you choose a theme with numerous sliders, fancy animations, advanced navigation systems, etc., will affect your page speed. If your theme is loading slowly, consider disabling the theme features you don't need.
5. Themes contain CSS, JS, and HTML which can increase and affect your store speed. So disable theme features you don't use.
6. Loading extra data your customers aren't using can impact your store speed without adding value.
7. Using slideshow, which are high-quality images combined with transitions, take time to load when the user clicks the link to the homepage. So instead you can use a single high-quality hero image.
8. Use a System font which is a font that is already installed on most computers. For example: Segoe UI, Times New Roman. If you use a font that does not yet exist on your customer's computer, then the font has to be downloaded before your text can be displayed. This impacts the time that your store takes to load.
9. Replace GIFs with static images
10. To reduce the initial load time, you can use Lazyload technique
11. Remove third-party JS scripts and Shopify App which you are no longer using
You should disable app features you don't use, or you can remove the app if you don't need it. If you are removing an app make sure to remove code that was added as part of the app install process.
12. Minimize HTTP requests. For example: Combine & inline your CSS scripts
13. Avoid unnecessary redirects and fix broken links
14. Use minified CSS and JS files
15. Don't add too many images on a page
Adding too many images on a page can be frustrating. It can significantly slow the load time of your website. Also, it can overwhelm visitors, which will ultimately result in a poor user experience, a high bounce rate, and a high probability of lower rankings in relative search results.


Google Search, the world's largest and most trusted FREE ecommerce channel will show more of your store to customers on Google Search if your site is fast. So site speed is critical for organic channel sales. Did you know, that ecommerce on organic channels is greater than all paid ads and social media combined? We created flareAI to deliver feeds to organic channels on a regular basis without taking your time. flareAI helps to get your products found on Google, the world's largest FREE eCommerce service. Let flareAI help you to grow your revenue on the world's best free sales channels.


Hope the above tips will help you.

 

Gina
Add flareAI Shopify App today!

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing

View solution in original post

Replies 4 (4)
MarinaPetrovic
Shopify Partner
547 124 177

Hi @Jaypal , there are multiple things that has to be changed. You should concentrate on improving LCP, here are main issues:
Screenshot 2022-09-09 at 09.10.48.png

 

I suggest that you use lighthouse and go step by step, I'm afraid there is not some quick solution. I mean, you can always try with some apps if you are not a developer or not working with one. 
Good luck!

M.Petrovic | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
Jaypal
Tourist
3 0 2

Hi @MarinaPetrovic Thank you for your suggestion.

 

I will concentrate on it.

flareAI
Shopify Partner
2405 223 533

This is an accepted solution.

Hello @Jaypal,


Gina here from flareAI.

 

I've taken a look at your store. My main comment on your store is there are too much of motion images/GIFs/videos in your store. This can definitely affect the page speed. You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.


Below mentioned tips will help to optimize your store speed: -

 

1. Image compression is important and a necessity for faster loading of web pages.

Make sure your images are of good quality and do not add too many images on a single page. You can try some tools like https://tinyjpg.com/.
2. Remove any apps that you have installed but are inactive or unused.
Applications can add a lot of extra weight to your website. Sometimes those apps create requests while each page is loading – even when you’re not actively using them.
3. Use a device responsive and optimized theme
Shopify offers responsive themes that will adjust the elements on your website based on the size of the device being used to access it. That means that it will automatically optimize images for the user.
4. If you choose a theme with numerous sliders, fancy animations, advanced navigation systems, etc., will affect your page speed. If your theme is loading slowly, consider disabling the theme features you don't need.
5. Themes contain CSS, JS, and HTML which can increase and affect your store speed. So disable theme features you don't use.
6. Loading extra data your customers aren't using can impact your store speed without adding value.
7. Using slideshow, which are high-quality images combined with transitions, take time to load when the user clicks the link to the homepage. So instead you can use a single high-quality hero image.
8. Use a System font which is a font that is already installed on most computers. For example: Segoe UI, Times New Roman. If you use a font that does not yet exist on your customer's computer, then the font has to be downloaded before your text can be displayed. This impacts the time that your store takes to load.
9. Replace GIFs with static images
10. To reduce the initial load time, you can use Lazyload technique
11. Remove third-party JS scripts and Shopify App which you are no longer using
You should disable app features you don't use, or you can remove the app if you don't need it. If you are removing an app make sure to remove code that was added as part of the app install process.
12. Minimize HTTP requests. For example: Combine & inline your CSS scripts
13. Avoid unnecessary redirects and fix broken links
14. Use minified CSS and JS files
15. Don't add too many images on a page
Adding too many images on a page can be frustrating. It can significantly slow the load time of your website. Also, it can overwhelm visitors, which will ultimately result in a poor user experience, a high bounce rate, and a high probability of lower rankings in relative search results.


Google Search, the world's largest and most trusted FREE ecommerce channel will show more of your store to customers on Google Search if your site is fast. So site speed is critical for organic channel sales. Did you know, that ecommerce on organic channels is greater than all paid ads and social media combined? We created flareAI to deliver feeds to organic channels on a regular basis without taking your time. flareAI helps to get your products found on Google, the world's largest FREE eCommerce service. Let flareAI help you to grow your revenue on the world's best free sales channels.


Hope the above tips will help you.

 

Gina
Add flareAI Shopify App today!

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing
Jaypal
Tourist
3 0 2

Thank You 🤗 @flareAI .