How to fix GTMetrix issues for efficient store speed?

[Alby98]

Hi! I analyze my store with GTMetrix and I found this problems:

- Eliminate render-blocking resources

- Serve static assets with an efficient cache policy

What I have to do?

Thank you very much!

[ZestardTech]

Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.

[Alby98]

Hi! Thank you very much!

The store is: prasadayoga.it

[oscprofessional]

Hi @Alby98 ,

Because a browser doesn’t know if or how your CSS or JavaScript file will impact the rest of the page, the browser stops rendering until it fully downloads and applies the files. This process doesn’t happen in the background. The browser loads one file at a time before moving on to the next one and eventually loading your website’s body content. Since rendering pauses while the browser downloads and applies these files, these scripts and stylesheets are “render-blocking resources.” 

There are two coding options you can use for dealing with render-block scripts:

• Async. Using this option tells the browser to continue parsing the page while the file downloads. Once the file is downloaded, the browser will stop parsing and execute the script. 
• Defer. With this option, you’re instructing the browser to download the JavaScript file in the background and only execute and apply it after the rest of the page renders. 

Share your store Url, So I will check your speed and let you know the points.

[Alby98]

Hi! The store is: prasadayoga.it

[ZestardTech]

Hello there,

Resolve this one all issue

Screenshot :- https://image.prntscr.com/image/dOKdeymOQ9OZvKzmvp_gBA.png
Screenshot :- https://image.prntscr.com/image/Id0Bsy2aSKmgVu5FhinPcw.png
Screenshot :- https://image.prntscr.com/image/LgxMvkuDRcOJI_T-YxP71Q.png

[Alby98]

What I have to do?

Thank you!

[oscprofessional]

Hi @Alby98 ,

By solving these 2 issues will not any affect on performance so much.

Yes ,you need to work on your website performance’s speed as I am also seeing it is very low. Low mobile page speed may kill your traffic and affect your conversion.

you have work on following points I have checked your store in google page insight tool

its too low on mobile.. 

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 !

[MS_WEB_DESIGNER]

Hi @Alby98 

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