t3/css-coverage

dev-master 2021-11-09 19:48 UTC

Requires

• php: >=7.4
• ext-dom: *
• sabberworm/php-css-parser: ^8.3.1
• symfony/css-selector: ^5.3
• symfony/dom-crawler: ^5.3
• typo3/cms-core: ^10.4 || ^11.0

Replaces

• typo3-ter/css-coverage: *

GPL-2.0-or-later

• Armin Vieweg

• TYPO3 CMS
• CSS coverage

README

TYPO3 CMS extension which checks used CSS selectors in HTML output of the current page and removes CSS declarations which are unused.

This increases the CSS code coverage dramatically and reduces the overall page load. Perfectly suited for one pagers!

Experimental

Installation

Include the TypoScript shipped in EXT:css_coverage in your TypoScript template.

This is the default setup:

plugin.tx_csscoverage {
	enabled = 1
	debug = 1
	excluded {
		# Exclude any files you want, like here external resources
		1 = http://*
		2 = https://*
	}
	selectorWildcards {
		# Here define selectors, set dynamically by javascript
		1 = .show
		2 = .fade
		10 = .popover*
	}
}

When debug is enabled, it displays in HTML comments like this:

<!-- Saved 2.2KB in /typo3temp/assets/css/8015c8c4ac.css -->
<!-- Saved 84.4KB in /assets/style.css -->