Mobile Page Speed is terrible. How to fix?

ALEXJOO
Visitor
1 0 0

Hi Shopify fellows, 

 

I need help with the site speed right now. The desktop speed is very good, however, the mobile speed keeps going down. 

 

Can we fix this? Can someone look into this and let me know what I should do to improve mobile speed? 

 

z5445559533228_46866e82a4cdfd8fe12538b93e868b1a.jpgz5445559549269_269c9548372b8e7c1aa241484df53bab.jpgz5445559549271_193f5ace3f5fa6f738d427984e001bdb.jpg

 

Thanks in advance!

Replies 3 (3)

tim
Shopify Expert
3450 278 1282

According to these screenshots your main problem is LCP. 

Indeed, your first slide loading needs to be prioritised.

 

Currently, request to load your first slide image only starts about 2 seconds after starting page load, this is too big a delay:

Screenshot 2024-05-16 at 2.14.23 pm.png

 

There is a whole lot of other low-priority stuff, like reviews code and data loading before this image -- needs to be changed.

 

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com

vtnshadow
Shopify Partner
3 0 1

Hello, I am Shadow
First, I noticed that your theme store has an error causing some tags that should be in the <head> section to fall into the body section. This is not good for SEO.

vtnshadow_0-1715851791610.png

 

Next, your store is not loading images in the usual way but through JavaScript. Essentially, this loads more images within the viewport and makes the store load more. Switch to using the <img src="" loading="lazy"/> tag. For images not in the viewport, use loading="eager" and fetchpriority to ensure the images load as quickly as possible.

There are many other issues, but overall, your store is still fine. Don't focus too much on the PageSpeed score because they measure your site using a slow 4G network. In reality, most people's networks are much faster. You can check this in Online Store => Theme.

vtnshadow_1-1715851822329.png

 

oscprofessional
Shopify Partner
15895 2377 3082

Hello @ALEXJOO ,

To Fix the Mobile Page Load 

Reduce javaScript execution time  & Reduce the impact of third-party code

 

oscprofessional_0-1715866166488.png

 Here, you have to load  the  Javascript file After the Page Load Ex:

  • Google tag Manager
  • TikTok.., etc 

2.Largest Contentful Paint element :

oscprofessional_1-1715866250678.png

 

  1. Properly Sized images:  For Example:

            Before  :  <img src="flower-large.jpg">

              After :

  <img class="lazyload" 

   src="data&colon;image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='{{   preview_image.width }}'%20height='{{ preview_image.height }}'></svg>" 

data-src="{{ image_100x  | img_url: '100x' }} 100w" 

data-srcset="{{ image_1200x }} 1200w,

             {{ image_980x }} 980w,

             {{ image_480x }} 480w”

width="{{preview_image.width}}"

height="{{preview_image.height}}" 

alt="{{ preview_image.alt }}">

2.PreLoad:

Unlike prefetching, which acts more like a suggestion to the browser, the preload resource hint directs the browser to load the assets regardless of what it thinks. The browser cannot ignore the preloading directive.

<head>

  ...

<link rel="preload" href=" src="{{ product.featured_image | img_url: '350x350' }}" as="image">

 ...

</head>

  1. Below Fold Images Lazyload: Remove Lazyload From First Image and Below fold Images will be on lazy load

<img class="lazyload" 

src="data&colon;image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='{{ preview_image.width }}'%20height='{{ preview_image.height }}'></svg>" 

data-src="{{ image_100x  | img_url: '100x' }} 100w" 

data-srcset="{{ image_1200x }} 1200w,

     {{ image_980x }} 980w,

    {{ image_480x }} 480w”

width="{{preview_image.width}}"

height="{{preview_image.height}}" 

alt="{{ preview_image.alt }}">

 

  1. Compressed Images before upload:

     Used Tools : 1. imageresizer.com

 

 

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