FROM CACHE - en_header

Product page loading bug on mobile device

Antidope
New Member
1 0 0

Hi All, I am very tired of this problem and I cannot find the solution. So my site has the Phono theme of themeforest.com. The problem is only on mobile device. Whenever I click on a product it starts to load in, but it gets stuck and becomes really slow. It takes around 1 min to load the first image and even then the model selector is laggy and only the visible part is loaded, and if I try to scroll down the little grey bar on the right doesnt move, and it seems that the page becomes infinite and cannot reach the bottom. But if I turn the phone horizontally then the page loads in perfectly. Very strange thing. There is no app installed, the developer says that they cannot find anything and they don't want to do anything. Could you guys take a look at it and maybe help with this thing? Thanks in advance

Page: https://moobilo.hu/

ps.: IMPORTANT: THE PROBLEM IS ONLY ON MOBILE DEVICE

Reply 1 (1)
oscprofessional
Shopify Partner
13311 2029 2594

Hello @Antidope ,

I have gone through your store. Your store looks good.

I have checked your site in optimization  tool. Your website score is very low.

Lighthouse Score :

oscprofessional_0-1638354418127.png

 

Page insight Score :

oscprofessional_1-1638354418039.png

Product Page Score :

oscprofessional_0-1638354726974.png

 

 

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

See where exactly google speed index tools want you to target your code to optimize the site .

First Contentful Paint

  • Eliminate render-blocking resources
  • Reduce server response times (TTFB)
  • Avoid multiple page redirects
  • Preload key requests
  • Avoid enormous network payloads
  • Serve static assets with an efficient cache policy
  • Avoid an excessive DOM size
  • Minimize critical request depth

Time to Interactive TTI :

Time to Interactive (TTI) is one of six metrics tracked in the Performance section of the Lighthouse report. Each metric captures some aspect of page load speed.

Total Blocking Time: 

  • Reduce Unnecessary JavaScript loading, parsing, or execution.  
  • Reducing JavaScript payloads with code splitting, removing unused code, or efficiently loading third-party JavaScript.

Speed Index

  • Minimize main thread work
  • Reduce JavaScript execution time
  • Ensure text remains visible during webfont load

Largest Contentful Paint

LCP is primarily affected by four factors:

  • Slow server response times
  • Resource load times

Cumulative Layout Shift

  • Cumulative Layout Shift measures the movement of visible elements within the viewport

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

Have a nice day ! 

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing