soflyy / oxygen-bugs-and-features

Bug Reports & Feature Requests for Oxygen
https://oxygenbuilder.com/
314 stars 29 forks source link

Place Oxygen CSS at the top of the <head> - Improve CWV and page loading. #3468

Closed MaximeStarssed closed 10 months ago

MaximeStarssed commented 11 months ago

Describe the feature you'd like to see included in Oxygen.

CSS files (generated by Oxygen) have a blocking rendering: i.e. the page cannot be displayed until they are loaded.

You can check this at https://www.webpagetest.org.

Unfortunately, they're only loaded at the end of the <head>, i.e. after the other codes like social networks, favicons, Woocommerce deferred JS, etc.

Solution: CSS codes should be loaded first in the <head>, not last.

What are the use cases for this feature? Improve Core Web Vital and page loading by loading Oxygen CSS codes first.

Examples of this feature or functionality. If another product has done it well, provide examples here. Oxygen could easily increase the priority of its CSS files in the <head>, as it has already done with typekit codes.

Kpudlo commented 10 months ago

Duplicate of https://github.com/soflyy/oxygen-bugs-and-features/issues/374