How can I improve my online store's speed?

redhorns
Tourist
10 0 4

Hi,

I recently started my store redhorns.in . My store speed is going down regularly & currently, it's on 41[pls see the ppt]. No clues. I am using Motion paid theme(classic) Can someone suggest something?

 

Replies 7 (7)

oscprofessional
Shopify Partner
15897 2378 3084

@redhorns ,

Hope you are doing well. 

Welcome to the Shopify Community.

I have gone through your store. It really looks nice. You have choosen the best-known e-commerce solution Shopify platform currently on the market.

 

Optimizing your Shopify store is time-consuming. Themes are made up of Liquid, HTML, CSS, and JavaScript code. When you edit or customize the themes, file sizes can increase and affect your store speed.

Google Page Speed Insights is a free tool to help you find and fix issues slowing down your web application. Get your Page Speed score and use Page Speed suggestions to make your web site faster through our online tool.

I have checked your site in the page insight chrome tool. your website score is very low.

oscprofessional_0-1654769883215.png

 

Below are some factors that might impact the speed of your online store, and how you can address them. 

 

3rd Party App Code :

oscprofessional_1-1654769948611.png

 

  • You should remove the unused app code. It will be beneficial to your store. and makes your theme code easier to read.
  • 3rd party apps & codes which take time to load and their size . They decrease the speed.
  • Some code can be removed or reordered to improve your online store's performance. If you're not using an app, then you can remove it.
  • If you're removing an app, then consider removing code that was added as part of the app install process. Some apps help you with this process by wrapping their code in {% comment %} tags that mention the app name.
  • Removing unused app code is a best practice that avoids running code for unused features, and makes your theme code easier to read.

You can refer this article :

https://www.oscprofessionals.com/blog/shopify-speed-optimization-reduce-impact-of-third-party-code/

 

Reduce store unused js code.

oscprofessional_2-1654770016694.png

 

You need to work on following points :

  • Theme Upgrade if there is a scope and upgraded theme available
  • Reduce JS Payload.
  • Use Critical CSS .
  • Replace GIFs With Static Images
  • Reduce Large Image Sizes
  • Migrate Tracking Codes To Google Tag Manager
  • Compress Images
  • Limit Third Party JavaScript & Shopify Apps
  • Preload Web Fonts. 
  • I would suggest limiting to one and using a standard web font.

 

If anything is missed out or unclear then don't hesitate to ask.  We will surely help you. 

Have a nice day !

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

speedboostr
Trailblazer
136 20 26

@redhorns for speed you can run your site through the Shopify Analyzer, that's a performance analysis tool geared specifically for Shopify sites. Our team (Shopify optimization experts that have improved speed on 1500+ Shopify sites) built that, so if you have any questions or would like a free analysis, feel free to reach out at speedboostr.com/contact.

 

You mentioned "website speed is 41", if you're talking about the Shopify speed score, that's not an actual speed, that's a score based on results from Google PageSpeed Insights. Most successful stores we've seen score between 20 - 40. The score depends largely on your app usage, but remember that apps help improve your conversion rate so having a balance is key (don't delete apps just to get a higher score on an arbitrary tool).

 

Side note, be careful working with the other poster, OSC, they have been caught stealing, plagiarizing, infringing on copyrighted material, and breaking Shopify terms of service: https://speedboostr.com/fraudulent-shopify-partners/#copyright-osc. Just a heads up, I wouldn't want you to risk your business by giving access to an unethical company.

Creator of Theme Scientist (A/B testing app and theme scheduler). Creator of Shopify Analyzer (1st performance analysis tool for Shopify, free for the community). Founder of Speed Boostr (Shopify optimization experts + app developers). More apps from our team: Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).

PageFly-Victor
Shopify Partner
7865 1785 3067

 

 

This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store's speed.

Mobile loading speed

PageFly_0-1654935771903.png

As you can see, the score is 44, which is quite slow. The reason is mainly because of the unused Javascripts code and third app code. I suggest if you have a hidden section or element, remove it. It just does not show up on the live page but is still counted to the speed of the page.

 

PageFly_1-1654936024404.png

 

For desktop

PageFly_2-1654936048248.png

 

It's conversely very well with 90 points. No need to worry about it.

It would be a good choice for you to have professional sites that look incredible on mobile & desktop without any extra coding, and you will have lots more time to focus on marketing strategies, so you can consider checking PageFly with 24/7 support live chat.

If you feel my answer is helpful, like it or give it a thumb up. Let me know if you have any questions. Cheers!

PageFly!

 

 

flareAI
Shopify Partner
2405 223 539

Hello @redhorns,

 

The faster your site is, the more users you are likely to convert.


Follow the below tips that will help you decrease the load on your web pages.


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.
2. Image compression is important and a necessity for faster loading 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 tool like https://tinyjpg.com/.
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 a theme which is optimized for performance means a theme which is responsive, fast, and takes minimal time to load the page.
If you choose a theme with numerous sliders, fancy animations, advanced navigation systems, etc., will affect your page speed. If your theme is loading slow, consider disabling the theme features you don't need.
5. Themes contain CSS, JS, 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.
16. You can use Google PageSpeed Insights to view more detailed metrics for pages in your store.

 

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, 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

Andrew
Shopify Staff (Retired)
1746 173 320

Hi @redhorns

You've done a fantastic job on your site!

There are a few things you can do to improve site speed, and this is actually a popular subject that has been addressed so many times it has its own dedicated forum.

You'll notice some of Shopify's own tips for speed optimization in the description of the forum, but the suggestions from forum members  @oscprofessional @flareAI  @PageFly-Victor on this thread are very good too. 

While looking at your store, I also found myself wondering what your content strategy is? How are you marketing your brand and knowledge and your products if you do not have a blog on your store? What kind of paid advertising are you doing? Who is your target customer?

To learn more visit the Shopify Help Center or the Community Blog.

Stacy_Zhuk
Shopify Partner
449 21 64

Hi @redhorns,

 

You should know that website speed optimization is a challenging undertaking that should be handled with the utmost care. Before making any website structure changes, you should conduct a proper website speed diagnosis. The last thing you would want is fixing nonexistent issues that could potentially change how your website operates. Instead, spend some time investigating what’s causing website load speed issues and focus on the high-impact factors first.

 

This article https://whidegroup.com/blog/shopify-performance-optimization/ covers the most useful tips to optimize Shopify store speed and performance.

However, some website speed optimization techniques require coding expertise and must be implemented by an experienced developer.
Feel free to contact Whidegroup anytime for a consultation with our experts.

Co-founder at Whidegroup, e-commerce development company from Ukraine
- 10+ years of experience with SMBs
- Deep expertise in custom development & optimization
E-mail: anastasia@whidegroup.com

AvadaCommerce
Shopify Partner
3879 839 966

Hi @redhorns,

 

When it comes to site speed, please note that there are several factors impacting your online store speed, some of which you can control, others you cannot.

 

Factors you can't control

 

  • Your customer's device, network, and location

  • Shopify infrastructure

  • Content delivery network (CDN)

  • Local browser cache

  • Server-side page cache

  • The assets inside the content_for_header Liquid tag

Factors you can control

 

  • Unnecessary Apps

When you add apps to change the functionality or appearance of your online store, they add code into the theme so they can run. Some code can be removed or reordered to improve your online store's performance. If you're not using an app, then you can remove it.

 

  • Themes

Themes are made up of Liquid, HTML, CSS, and JavaScript code. When you edit or customize themes, file sizes can increase and affect your store speed.

 

  • Complex or inefficient Liquid code

You can edit almost all of the Liquid that is used to render your store. There are efficient and inefficient ways of writing Liquid code. Doing complex operations repeatedly can increase your Liquid render time, which impacts your overall store speed.

 

  • Images and videos

High-resolution images usually require large files and therefore slow down page loading times.

 

  • Fonts

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.

 

I suggest you try AVADA SEO Suite which has great features that can help you with improving site speed such as Image Optimization, Speed Up, Lazy Loading, and Minification (removes unnecessary information from the source code)

 

You can also refer to this Shopify post about Improving Speed.

 

I hope my answer can help you achieve your goals.

banned