Slow Mobile Performance Pagespeed Insights

[jrp1588]

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 ? 

[kazi]

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.

[jrp1588]

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. 

[kazi]

@jrp1588  the scores you see in google page speed varies based on theme, apps. You can hire any developer to fix them for you.

[AvadaCommerce]

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

• 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.

[jrp1588]

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. 

[MS_WEB_DESIGNER]

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

[Marc_Mayr]

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