t3/css-coverage

维护者

详细信息

github.com/a-r-m-i-n/css-coverage

主页

源代码

问题

安装: 44

依赖项: 0

建议者: 0

安全性: 0

星标: 4

关注者: 1

分支: 1

开放问题: 1

类型:typo3-cms-extension

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

Requires

Replaces

  • typo3-ter/css-coverage: *

GPL-2.0-or-later f46ac661913d2f58931b99c8d65768b411ab885f

  • Armin Vieweg <info.woop@v.ieweg.de>

TYPO3 CMSCSS coverage

This package is auto-updated.

Last update: 2024-09-10 01:37:09 UTC

README

TYPO3 CMS 扩展，用于检查当前页面的 HTML 输出中使用的 CSS 选择器，并删除未使用的 CSS 声明。

这可以显著提高 CSS 代码覆盖率并减少页面整体加载时间。非常适合单页应用！

实验性

安装

将 EXT:css_coverage 中提供的 TypoScript 包含到您的 TypoScript 模板中。

这是默认设置

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*
	}
}

当启用调试时，它将像这样显示在 HTML 注释中

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