I having problems on my checkout page!

Hi @yourypro, have you purge the page after you put the attribute? Also, could you please provide?your Report Number, found in?WP Admin > LiteSpeed Cache > Report.

Yes i tried to do it, even purged my cdn, none of these work. When i try to exclude the css on the checkout. The website became so sloww. I am using cyber panel with open litespeed. I need Load CSS Async because the website load faster like way faster than the website i have on shopify. But I just want to remove load css async in my checkout. I firmly believe that i put the code (data-no-async=”1″) in the good place.

N.B: i am using a checkout plugin by woofunnels.

Report number: BXHBIPVE

• This reply was modified 5 years, 5 months ago by yourypro.

According to your report number and I went to https://kxxxxx.com/checkout/, I cannot find data-no-async on the HTML source code and none of the CSS files is loaded asynchronously.

> When i try to exclude the css on the checkout. The website became so sloww.

Do you mean when you try to make CSS async on the Checkout page, other pages also lost the CSS Async function?

1) I removed data-no-async since it didnt work plus had to disable load css async, i was hoping you could give me a step by step guide on how to properly place the “data-no-async” code. I re enabled the settings, can you inspect it again?
Plus try to see it on mobile so you can see what im talking about. The checkout page is a bit broken on the first bite (when loading) Then sometimes theres some broken css problem, i dont want my users to experience that. So i need to disable load css async on the entire page

2) And I mean when i tried to exclude css via tuning setting. ??

Thanks for the update, temporary we do not have CSS OPTM bypass by page function on setting panel. Also, I assume all the CSS are the same on all pages, so data-no-async will not work on your situation.

Please try to add the following code on your theme’s function.php to bypass Async CSS on /checkout/ page.

if ( strtok( $_SERVER[ 'REQUEST_URI' ], '?' ) === '/checkout/' ) {
	LiteSpeed_Cache_API::force_option( LiteSpeed_Cache_API::OPID_OPTM_CSS_ASYNC, false ) ;
}

Did you try URI Excludes setting with /checkout?

Thank you Stanley the code works perfectly. ??
And Hai, Yes I’ve tried URI exclude it didnt work as well as the code provided by Stanley.

Thank you guys ??

Keep moving forward!????