Only load resources on pages that need them?

Hello, how could we go about loading these codes and resources only on the pages that require them?

E.g. My home page does not have any “add to cart” buttons. So I don’t want to load any FB events here. Nor for completed purchases, which should only track based on checkout fields being completed and submitted.

How can we remove the resources from all other pages, unless they are being used?

Any code snippets you can provide?

Thanks