Seeking advice on optimizing CSS placements to improve website load times.
I've learned about the concept of 'critical CSS' in the head section and other styles in the body using link tags. Is it advisable to load shared 'Generic' styles upfront, while keeping specific styles within page bodies?
Additionally, for pages utilizing jQuery, should it be loaded only at the bottom or placed in the template head?
I've experimented with both methods, resulting in no noticeable issues during site loading. However, I'm unsure how to accurately measure performance. Even after testing with various performance tools, the results were inconclusive. Any suggestions on optimizing website performance would be appreciated.