Removing accelerated-checkout-backwards-compat.css?

Anyone remove the accelerated-checkout-backwards-compat.css file before?

Reproduction steps

Loads in with default Shopify store.

Additional info

There’s a file loading on my pages called ‘accelerated-checkout-backwards-compat.css’ coming from /cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css

It’s showing up in my Google Page Speed insights and I’m trying to remove it. Anyone else run into this before?

What type of topic is this

Troubleshooting

Hi there,

I don’t recommend removing it as it houses our styling for accelerated checkout.

For sure, but you can see its causing a Render Blocking issue, hindering our page score.
And if I’m not mistaken, last time I checked into it, none, or mostly none of these styles are even being used (on our site anyway).

You can run a Lighthouse test after blocking the file locally using Chrome Dev Tools’ Network tab. You’ll see the score stays the same since the file is very small and has minimal performance impact.

I understand your concerns though, and I’ve added this to our backlog to address. We’ll look into whether we can refactor how these styles are implemented. Thanks for bringing this up!

1 Like