To improve the checkout experience, it’s important to load payment methods only when customers reach the payment step, rather than loading them right when the checkout page opens. Right now, payment options like Cybersource and Mercado Pago are loaded immediately, which can slow down the process.
A better approach would be to implement lazy loading, where the payment methods only load when the user clicks to go to the payment step. This could be done using JavaScript to detect when the transition occurs, ensuring the checkout process is smoother and faster.
How can we effectively implement this so that payment methods load only when the customer switches to the payment step?
