Why are my webpage images loading slowly?

[PetrMachacek]

Dear experts,

I'm struggling to find the reason why my page loads small...

My web is www.doramu.cz and example of collection would be this: https://www.doramu.cz/collections/obrazy

I believe I did not choose too big pictures... perhaps I'm wrong. However, the page loads quite slow.

Any idea what may be causing the issue?

Petr

[oscprofessional]

Hi @PetrMachacek ,

Welcome to the shopify community.

I have checked your store on page speed insight tool . Score is very low.

3rd party apps & codes which take time to load and their size . They decrease the speed.

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 web font 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 !

[PetrMachacek]

Thanks, I will order your service 🙂

[MS_WEB_DESIGNER]

Hi @PetrMachacek ,

I am Alex From MS Web Designer (Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore ) I helped 1000+ Shopify Store owners to Optimize their website loading speed for both mobile and desktop and increase their conversion rate.

Here are some proven steps that will improve your website speed dramatically for both mobile and desktop.

• Select a light Weight Shopify Theme ( OS 2.0 Compatible ) 
• Remove all Unwanted Shopify App ( That you have installed, but not using)
• Minify Javascript, CSS 
• Reduce the Large Image Size
• Eliminating the halting problem in Javascript
• Apply Lazy loading per section wherever required
• Replace Gifs with the Static Images
• Resize Products images using Shopify App ( for Bulk )
• Check Page Speed by Google page Insight and GTmetrix.

By fixing these issues, your website speed score can definitely improve
If you want a Free complete Website Optimization Audit Report ( All the Actionable steps for your store ), let me know 

If you have any concerns feel free to ask me!

Good Luck!

Regards,
Alex