How can I increase my store's speed performance?

How can I increase my store's speed performance?

Hamzaali
Shopify Partner
1 0 1

I've tried multiple apps but my store speed is not working. Its 18% and not increasing in any situation. Please help me out that how can i increase my score speed.

Replies 2 (2)

Cedcommerce
Shopify Partner
718 77 116

Hello @Hamzaali,

 

To let us help you better, can you share your website URL so we can check and let you know the issues which need to be resolved to improve your website speed?

 

The most common methods that need to be performed for improving the page speed of your website are provided below:



  1. Remove unused JavaScript.
  2. Optimize the third-party scripts such as Facebook and google tag manager to reduce the total blocking time(TBT).
  3. Improve CLS score.
  4. Eliminate render-blocking resources.
  5. Use minified CSS and JS files.
  6. Replace GIFs with Static Images.
  7. Reduce large image sizes.
  8. Image compression is important for faster loading of web pages. Make sure your images are of good quality.
  9. Avoid too many images on a single page. 
  10. Prioritize fonts from the Shopify admin panel.
  11. Use Font-display property as a swap.
  12. Replace GIFs with static images.
  13. Disable unused app features.
  14. Clear app data while removing an unused app.
  15. Avoid multiple page redirects.
  16. Use video formats for animated content.
  17. Preload the LCP image.
  18. Avoid large layout shifts.
  19. Set width and height on image elements to reduce layout shifts and improve CLS.
  20. Avoid large GIFs for animated content, consider using MPEG4/WebM videos for animations and PNG/WebP for static images.

 

However, it is only suggested to work on the above-provided guide to optimize page speed, if you are well versed with Liquid code.

 

In case you are not well versed and less experienced with Shopify codes you are advised to contact an Expert agency like us who can help you fix the issue without affecting your website.

 

All the best, 

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

flareAI
Shopify Partner
2405 224 549

Hello @Hamzaali,


Gina here from flareAI.

 

A slow-loading website can reduce your conversions and profits. Speed and page loading time plays a pivotal role in the success and growth of businesses.

 

I hope my suggestions will help you to optimize the store speed.


1. You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store. Analyze those pages and see if they are all needed or added by any apps or themes that are no longer used.
2. 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.
3. Removing unused app code is a best practice that avoids running code for unused features and makes your theme code easier to read.
4. Use an optimized theme
The theme you are using should be responsive, fast, and takes minimal time to load the page. Also, themes contain CSS, JS, and HTML which can increase and affect your store speed. So disable theme features you don't use.
If you choose a theme with numerous sliders, fancy animations, advanced navigation systems, etc., will affect your page speed.
5. 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/.
6. Loading extra data your customers aren't using can impact your store speed without adding value.
7. Using a slideshow, which is a high-quality image combined with transitions, takes 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 the 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


For getting better conversions, make sure your store products are Found on Google. When your customers search on Google, your product can be found only if your page is indexed. Note that once a URL gets indexed, customers will start finding your store through organic searches, and you will start getting order conversions for virtually zero cost. Making it sustainable business growth. flareAI helps to get your new products found on Google. flareAI works every day for you. Get sales from Google and 20+ world's largest free sales channels, Single click start!

 

I hope that the above list’s tips will help you decrease the load on your web pages and increase the Shopify website speed.

 

Gina

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