Solved

How can I increase my checkout page speed?

emielkant
Tourist
6 0 2

Is there any way to speed up the checkoutpage?

Most of the time when I test the speed of the checkoutpage, it's very slow.

This is the website: https://latolifestyle.com

 

After I add something to the cart and click in the cart on "checkout" most of the time it just took too long, like 3 - 4 seconds.

Accepted Solution (1)

oscprofessional
Shopify Partner
15843 2371 3073

This is an accepted solution.

Hi @emielkant ,

 

Welcome to the Shopify Community!

To increase the speed optimization score is very important for conversion and sale. 

I have checked home page in page insight tool. that is very low score. for mobile users.

oscprofessional_0-1643012967702.png

Also I have checked the checkout page in lighthouse chrome extension. 

 

oscprofessional_1-1643013074898.png

 

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

oscprofessional_2-1643013163181.png

Low mobile page speed may kill your traffic and affect your conversion.

 

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

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 !

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 3 (3)

oscprofessional
Shopify Partner
15843 2371 3073

This is an accepted solution.

Hi @emielkant ,

 

Welcome to the Shopify Community!

To increase the speed optimization score is very important for conversion and sale. 

I have checked home page in page insight tool. that is very low score. for mobile users.

oscprofessional_0-1643012967702.png

Also I have checked the checkout page in lighthouse chrome extension. 

 

oscprofessional_1-1643013074898.png

 

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

oscprofessional_2-1643013163181.png

Low mobile page speed may kill your traffic and affect your conversion.

 

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

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 !

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
emielkant
Tourist
6 0 2

Thanks for the response! I'll check it out.

MS_WEB_DESIGNER
Shopify Expert
695 52 135

Hi @emielkant 

 

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

banned