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 ?
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
If you need help feel free to contact me Thanks.
► Need help with theme customization, speed optimization, fix bugs?
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.
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
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.
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.
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 :
-Show Selected Coupons on Cart
- Show Saving on Cart Value
- Boost Conversion Rate & AOV
Elegant Sticky Add to Cart, Floating Cart, Sticky Checkout
Recover abandoned carts and market better with web push
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
Did your page speed get worse after installing 3rd party apps?
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...By Arno Nov 27, 2023
You've downloaded the Search & Discovery app from the Shopify App store, and as you're ...By Skye Nov 8, 2023