I want to increase my Shopify store speed. Please suggest how can I increase my shore speed on a mobile device to load fast.
Shopify store- https://urbantribe.in/collections/all
1 Like
How To Optimize Shopify Site Speed:
By following these steps, you can significantly speed up a Shopify site:
- Choose a Lightweight Shopify Theme from Shopify Theme Store
- Reduce Large Images size
- Compress Images
- Minifiy Js, and css files.
- Remove the Unnecessary Apps from your Store.
- Find the unnecessary Script into your Store And remove it.
Let me know if you need any more help.
Thank you,
@Mayur28 the easiest way to see what optimization issues your Shopify site has is with the Shopify Analyzer.
You’ll see what are the issues + how to fix each one.
My team (Speed Boostr) built that tool free for the community, and provides free optimization guides linked there so you can optimize in-house if you prefer.
If you would like professional help, feel free to contact us at speedboostr.com/contact for a free site analysis.
Also since you mentioned mobile specifically, an extra tactic you can employ is AMP (Accelerated Mobile Pages). Here’s a guide how to do that: AMP Guide for Shopify.
Hello @Mayur28 ,
You will get more conversions if your site loads faster. Follow the below tips that will help you decrease the load on your web pages.
- 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.
- Reduce the HTTP requests. For example: Combine & inline your CSS scripts
- Minimize broken links and redirects - Avoid unnecessary Redirects and fix broken links
- 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.
- Always choose a theme that 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. - 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. - Use Lazyload wherever required to reduce initial load time
- Remove all unwanted Shopify Apps which you are not 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. - Replace GIFs with static images
- You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.
- 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.
Hey @Mayur28 .
Thanks for connecting with us here, and this is a great question! There are already some great suggestions by others in the thread too.
I checked out your mobile site, and it could do with a better speed time. Have you checked your store speed yet using our help center doc here? The longer you put off optimizing your site for speed, the more customers you’ll lose to a faster competitor’s site. A mobile commerce strategy has never been more critical. A fun fact for you is that 67% of sales were made on mobile devices versus 33% on desktop during Black Friday Cyber Monday in 2020! I have a few suggestions below for you to help you improve your site speed:
-
PageSpeed Insights here at this link, is a great tool that enables you to get personalized suggestions to improve your mobile site performance (separately from desktop data). It also calls out the elements on your site that may slow down the page, like CSS and JavaScript so test it out when you have some time. In addition to that, Google’s Test My Site tool over here will help you calculate how site speed can boost your mobile conversion rates.
-
Avoid using too many pop-ups, they can impede a customer’s experience on your ecommerce site as they add an extra step to the customer’s journey and also can be clicked on by accident, which is frustrating to the user.
-
As already mentioned in this thread, another great tip to help improve speed is to decrease the amount of apps on your store. If you have 20+ apps (free or paid ecommerce plugins) installed on your store, you likely aren’t using them all. Maybe you installed some as a trial, then forgot to remove them. But those apps are running in the background, hurting your site performance. The maximum we recommend is around 20.
-
Reduce redirects and broken links, too many redirects and broken links can also disrupt site speed. You can use Shopify’s built-in redirects function, which are 301s by default within your Navigation panel. Learn more about redirects here. For possible broken links, use a tool like Broken Link Checker to remove them.
Those are but a few suggestions, however, I would strongly suggest checking out our help guide here on other ways to improve your store speed.
By the way, I wanted to say well done on your store, you’re ticking off every box there. I tested your checkout too and all looks good there. Have you thought about implementing a product quiz so that your customers can find the right product for them? It might be a great idea for your backpacks, just a thought! If you’d to implement this on your site, then you could look into a couple of apps with this function here.
Hello, I just took a look at your website, the website does not actually fully enable lazy loading of images, only some modules are enabled. You can open chrome and disable Javascript, and you can see the actual image loading. Lazy loading of images, “data-src” should be used instead of “src” in the img tag. If you take care of these issues, there should be a nice improvement in site speed and PSI score.
@Mayur28 ,
I have gone through your store it looks good.
I understand the importance of increasing page loading times, as this will have great advantage for your Shopify store.
There are lots of images I have seen in your store, you have to optimize the sizes.
3rd party apps & codes which take time to load and their size. They decrease the speed.
See these points.
- Check the assets folder of the theme and remove unused CSS and JS file
- Check and remove unused apps
- If your store has not installed any app you can comment {{ content_for_header }} code in the theme.liquid (not recommended if you don’t have knowledge about the liquid)
Also, I have checked your store with the page insight tool. here is the score screenshot.
there are some 3rd party unused javascript files that you cannot remove or minify them.
Defer Offscreen images : These are the lists all offscreen or hidden images in your page along with the potential savings in kibibytes (KiB). Consider lazy-loading these images after all critical resources have finished loading to lower Time to Interactive:
You can solve this issue by using the lazy loading for your images.
Defer unused CSS :
To defer unused CSS, you can remove unused rules from stylesheets to reduce unnecessary bytes consumed by network activity.
I notice that your store has some code from other third-party apps.
You have to work on following points
- Theme Upgrade if there is a scope and upgraded theme available
- Reduce JS Payload.
- Use Critical CSS .
- Reduce Large Image Sizes
- Compress Images
- Limit Third Party JavaScript & Shopify Apps
- Preload Web Fonts.
- I would suggest limiting to one and using a standard web font.
By fixing these issues, your website speed score can definitely improve.
And we will provide an assured guarantee plan for the website speed optimization.
For more details please check the link below.
https://www.oscprofessionals.com/shopify-performance-optimization/
If anything is missed out or unclear then don’t hesitate to ask. Email us or Connect with us on Skype and What’s App.
Have a nice day !
Shopify Expert SLASHCART
A Deep Dive into Shopify Speed Optimization by SLASHCART Experts
In the cutthroat world of e-commerce, every millisecond counts. A slow website translates to impatient customers, abandoned carts, and ultimately, lost sales. Here at SLASHCART, your trusted Shopify partner experts, we understand the importance of a lightning-fast Shopify store.
This comprehensive guide delves into the nitty-gritty of Shopify speed optimization, equipping you with the knowledge and actionable steps to supercharge your store’s performance and convert visitors into loyal customers.
1. Theme Selection: Laying the Foundation for Speed
- Choose a lightweight theme:
- Shop for speed: Avoid feature-laden themes that bog down your site. Explore options like Shopify’s free Dawn theme, specifically designed with performance in mind.
- Evaluate apps and features: Not using a specific functionality? Deactivate it! Every element adds to the loading time.
2. Image Optimization: Shrinking Giants without Losing Quality
- Size matters: Before uploading, resize large images using tools like Photoshop or Shopify’s built-in resizer. Aim for the sweet spot between quality and file size.
- Compression is key: Leverage image compression tools like TinyPNG or Shopify’s built-in optimization features. These services significantly reduce file size without sacrificing visual quality.
- Format finesse: Utilize the appropriate image format:
- JPEG: Ideal for photographs with rich colors.
- PNG: Perfect for graphics with sharp lines and text.
- WebP: The new champion! If your theme supports it, convert images to WebP format. It offers superior compression while maintaining quality.
3. Content Delivery Networks (CDNs): Spreading the Load for Blazing Speeds
- Global reach, lightning speed: CDNs store your website’s static content (images, JavaScript) across a network of servers worldwide. This ensures faster loading times for visitors regardless of their location.
- Consider managed CDN solutions: Services like Shopify CDN automatically handle configuration and ensure optimal performance.
4. Minification and Combining: Streamlining for Efficiency
- Minify code: Reduce the size of your website’s HTML, CSS, and JavaScript files by removing unnecessary characters, whitespace, and comments. This can be done manually or through plugins.
- Combine files: Instead of bombarding the browser with numerous HTTP requests, merge multiple CSS and JavaScript files into fewer, larger ones. This significantly reduces the number of requests needed to load your page.
5. Lazy Loading: Prioritizing What Matters Most
- A strategic approach: With lazy loading, only the content initially visible on the screen loads first. Images or content below the fold (area not immediately seen) are loaded only when the user scrolls down. This prioritizes essential content and improves perceived website speed.
6. Leverage Browser Caching: Serving Up Cached Content for Faster Load Times
- Store it once, serve it often: By enabling browser caching, frequently accessed files like images and scripts are stored locally on the visitor’s device. This eliminates the need to download them again on subsequent visits, resulting in a faster browsing experience.
7. Server-Side Optimization: Taking it to the Next Level (Advanced)
- Fine-tuning the server: Optimizing server response times involves tasks like:
- Upgrading your hosting plan: Ensure your store is on a plan with sufficient resources to handle traffic.
- Enabling compression: Gzip compression reduces the size of data sent between the server and browser, leading to faster loading times.
- Optimizing database queries: Streamline database queries to improve server efficiency.
8. Leverage Third-Party Apps Wisely:
- Choose quality over quantity: While apps add valuable functionality, scrutinize each app’s impact on speed. Deactivate or replace resource-heavy apps with more efficient alternatives.
- Consider app alternatives: Explore native Shopify features or alternatives that offer similar functionality without the performance hit.
9. Analysing and Refining: The Continuous Pursuit of Speed
- Test, measure, and iterate: Regularly use free tools like Google PageSpeed Insights to identify areas for improvement and track your progress over time.
- Stay updated: The world of web development is constantly evolving. Stay informed about the latest performance optimization techniques and best practices.
10. Partner with a Shopify Speed Optimization Expert:
While the steps mentioned above provide a solid foundation, advanced optimization often requires specialized knowledge and experience.
SLASHCART, your trusted Shopify partner expert, can help you
Hello SLASHCART Experts,
Thank you for providing such a comprehensive and insightful guide on Shopify speed optimization. As a Shopify store owner, I understand the critical importance of having a fast-loading website in today’s competitive e-commerce landscape. Your expertise in this area is truly invaluable, and I appreciate the actionable steps you’ve outlined to help me enhance my store’s performance.
I found your recommendations regarding theme selection, image optimization, and the utilization of content delivery networks particularly enlightening. It’s evident that every aspect of website optimization has been meticulously considered in your guide, and I’m eager to implement these strategies to ensure my store delivers an exceptional user experience.
In addition to expressing my gratitude, I have a few questions regarding some of the optimization techniques you mentioned:
-
Regarding image optimization, how frequently should I revisit and optimize existing images on my website to maintain optimal performance?
-
Can you provide some insights into the potential impact of lazy loading on SEO, particularly in terms of how search engines index content?
-
For server-side optimization, are there any specific hosting providers or plans that you recommend for Shopify stores looking to achieve maximum speed and performance?
Thank you once again for sharing your knowledge and expertise on this crucial aspect of e-commerce.
Best regards,
Anna