Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hi, I'm trying to do what I can to increase the speed of our website. The desktop version seems to perform well, but we're doing fairly poorly on mobile. Any advice ?
Hello @jrp1588
You can try to fix the following issues on your store and this will improve your store Speed scores, load time, Google page speed scores, Core web vitals. GTmetrix scores.
▶ Fix render blocking resources
▶ Image optimization
▶ JS/CSS files optimization
▶ Lazyload media JS/CSS files
▶ Optimize CSS/JS delivery
▶ Minimize HTTP requests
▶ Removed unused codes
▶ Fix bad requests ex: 404 links
▶ Optimize Font delivery
▶ Preload files
▶ Optimize APP codes
Here some resources you can follow
https://help.shopify.com/en/manual/online-store/store-speed/improving-speed
https://gofishdigital.com/blog/shopify-speed-optimizations/
https://www.semrush.com/blog/9-tips-for-boosting-the-speed-of-your-shopify-website/
If you need help feel free to contact me Thanks.
Yeah, I've read through those. Seem like you have to be a web developer to really implement any of these fixes, and frankly it's all got my head spinning. I was hoping since the Shopify sites are made to be built by laypeople such as myself, there was something I could do. About the only strategy I'm familiar with is image compression.
Hi @jrp1588,
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
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 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.
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.
High-resolution images usually require large files and therefore slow down page loading times.
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.
You mention image resolution. If I download one of my product images from my website, it appears my shopify theme has automatically converted it to an 1800x1800 compressed webP file. Is there any advantage to compressing my files before I upload them, or should I just let Shopify do it? I think my slideshow banner is slowing down my home page by a good deal, so I'l tried to compress those images down, but I think Shopify is just converting them to a less aggressive compression which is like double the file size that I'm uploading according to the speed tests.
Hi @jrp1588
Welcome to the Shopify Community!
I am Ani From MS Web Designer(https://www.mswebdesigner.com/) (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore ). I helped 1000+ Shopify Store owners optimize their website loading speed for mobile and desktop and increase their conversion rate.
I will love to help you with some expert feedback here.
- Kindly Provide your Store Url,
- Also, Mention Which Shopify theme you are using
- How many Apps are you using?
Note: If your store is protected with ‘store Font password,’ please Send it here or DM me.
If you have any concerns feel free to ask me!
Pro Tips :
Proven Shopify App to Improve and Sales Conversion Dramatically
Coupon Discount Popup in Cart :
https://apps.shopify.com/available-discount-coupon-list-on-cart-page
-Show Selected Coupons on Cart
- Show Saving on Cart Value
- Boost Conversion Rate & AOV
Elegant Sticky Add to Cart, Floating Cart, Sticky Checkout
https://apps.shopify.com/cart2sale
Recover abandoned carts and market better with web push
https://apps.shopify.com/pushowl?
Here is a helpful article to improve the Shopify Page Speed and how to maintain the Speed post Speed optimization that our experts wrote!
Based on 500 + Case Study
https://blog.mswebdesigner.com/category/speed-optimization/
Regards,
Ani
Did your page speed get worse after installing 3rd party apps?
If that's the case, we developed an app to reduce unused Javascript - https://apps.shopify.com/pagespeed-javascript?locale=de
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024