How can I load just part of that CSS that affects the specific page instead of loading all custom CSS of all pages.
I don’t think there’s an easy way to achieve this.
If you want, you can use the hook element, wrap the CSS specifically for some pages like this <style>your css</style>
, and hook it into the wp_head
, assign it to those pages.
But in this way, it’s not easy to manage all your CSS.
I checked your CSS file, there’re not many codes in it, I don’t think you need to worry about this.