Implement CT.CSS - Githubissues

dainemawer commented 2 years ago

Harry Roberts (CSS Wizardry) brought out a nifty tool that we recently included into our wp-scaffold at 10up, called ct.css At 10up we included this CSS file behind a query param, such as: ?debug_perf.

The CSS file trawls the <head> showcasing:

Which scripts / css files are render block
Where async / defer attributes are redundant
Other issues that could effect the parsing of HTML on the page.

Demo: https://csswizardry.com/ct/test/ Motivation: https://speakerdeck.com/csswizardry/get-your-head-straight 10up Scaffold Source: https://github.com/10up/wp-scaffold/blob/fc6ed94d596ecf0e4667249263a72b46d7d8fe5b/themes/10up-theme/includes/core.php#L263

mitogh commented 2 years ago

This sounds like a great module to be added via a flag as described here:

https://github.com/WordPress/performance/issues/61#issuecomment-999691430

Or to render any time a constant like WP_PERFORMANCE_DEBUG is set to `true

eclarke1 commented 2 years ago

@dainemawer moved to 'In Review' column and also added the Needs Review label to encourage visibility :)

WordPress / performance

Implement CT.CSS #118