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

Related tags

CMS css-coverage
Overview

EXT:css_coverage

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:
You might also like...
Doptor CMS is a Laravel 5 based CMS
Doptor CMS is a Laravel 5 based CMS

Introduction Doptor CMS is a Laravel 5 based CMS. Find out more about Doptor by reading below. ;) About Doptor CMS Doptor is an Integrated and well-de

DOPTOR 4 Sep 11, 2022
Bismuth CMS is a ready-made Website CMS based on Yii 2 Advance Template

Bismuth CMS is a ready-made Website CMS based on Yii 2 Advance Template, it's the simplest and easy to set up CMS you may come across.

Hamadas Telebrain 1 Feb 11, 2022
Amila Laravel CMS - Free, open-source Simple Bootstrap Laravel CMS
Amila Laravel CMS - Free, open-source Simple Bootstrap Laravel CMS

Simple Bootstrap Laravel CMS. Support Laravel 8.x Can integrate into any existing Laravel project. Only add few database tables with prefixes, not affect your existing database tables. Support Laravel 7.x & Laravel 6.x & Laravel 5.x & MySql & PostgreSql - Amila Laravel CMS

Alex Zeng 96 Sep 6, 2022
This is a fully functional movie booking website which helps the user to book a movie ticket at his/her preferred time and day. The website also allows the user to select which individual seat he/she prefers and does not allow the user to select a seat if it has been already booked by another user.

Movie-Booking-Website This is a fully functional movie booking website which helps the user to book a movie ticket at his/her preferred time and day.T

Arunachalam M 4 Oct 17, 2021
Simple, modular content management system adapted for launch pages and one-page websites

Segmint Segmint is an easy-to-use flat-file landing page framework, allowing quick and efficient prototyping and deployment - perfect for freelancers

null 2 Jul 19, 2022
A full-featured blog using Laravel 7.* & VueJS. Minimum library used
A full-featured blog using Laravel 7.* & VueJS. Minimum library used

Blog Using Laravel 8 Let's keep it as simple as possible. Configure anything you want A full-featured blogging system for personal use.

Al Imran Ahmed 187 Sep 25, 2022
Boilerplate used to build nearly-headless WordPress themes

Boilerplate for Nearly Headless WordPress Themes This is a plugin boilerplate built using Underpin ,Nicholas, and AlpineJS. It will allow you to build

Nicholas 103 Dec 22, 2022
Drag and Drop Website Builder and CMS with E-commerce
Drag and Drop Website Builder and CMS with E-commerce

Microweber: Drag-and-Drop CMS Current version: 1.2 running on Laravel 8! Download | What is Microweber? | Core features of Microweber | Requirements |

Microweber 2.6k Dec 31, 2022
Twill is an open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible. /// Chat with us and others on Spectrum: https://spectrum.chat/twill
Twill is an open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible. /// Chat with us and others on Spectrum: https://spectrum.chat/twill

About Twill Twill is an open source Laravel package that helps developers rapidly create a custom CMS that is beautiful, powerful, and flexible. By st

AREA 17 3k Jan 6, 2023
Comments
  • Call to undefined method Sabberworm\CSS\CSSList\AtRuleBlockList::getSelectors()

    Call to undefined method Sabberworm\CSS\CSSList\AtRuleBlockList::getSelectors()

    Hi Armin, nice work. I found an Issue. CssCoverageService.php Line 86. $selectors = $child->getSelectors(); <- $child could be an Instance of DeclarationBlock and has no method called getSelectors. CSS Example from fancybox to reproduce: @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } maybe a recursive function is the bette way. For my test I quick fixed it to: if ($child instanceof AtRuleBlockList) and duplicated the block and it works perfect.

    Regards. Markus

    bug 
    opened by markusa86 1
Owner
Armin Vieweg
Webdeveloper PHP & JavaScript
Armin Vieweg
GitHub
A .phpstorm.meta.php file for TYPO3 projects

.phpstorm.meta.php for TYPO3 This repository contains a .phpstorm.meta.php file which can be used to ease the work with TYPO3 projects in phpstorm. TY

Alexander Schnitzler 20 Dec 2, 2022
Baicloud CMS is a lightweight content management system (CMS) based on PHP and MySQL and running on Linux, windows and other platforms

BaiCloud-cms About BaiCloud-cms is a powerful open source CMS that allows you to create professional websites and scalable web applications. Visit the

null 5 Aug 15, 2022
A repo of a simple blogsite in PHP, HTML and CSS.

A repository of a simple and fully functional blogsite - The Memoire, in PHP, HTML and CSS. The index page of this site has a summary of all the autho

Baaba Dampare 7 Jun 11, 2022
GetSimple CMS - a flatfile CMS that works fast and efficient and has the best UI around, it is written in PHP

GetSimple CMS is a flatfile CMS that works fast and efficient and has the best UI around, it is written in PHP.

null 370 Dec 30, 2022
A simple extension that adds the a CMS Edit link to an element that is inline-editable

SilverStripe Elemental Advanced Edit A simple extension that adds the a CMS Edit link to an element that is inline-editable. Created as work-around to

Robert van Lienden 5 Sep 19, 2022
Flextype is an open-source Hybrid Content Management System with the freedom of a headless CMS and with the full functionality of a traditional CMS

Flextype is an open-source Hybrid Content Management System with the freedom of a headless CMS and with the full functionality of a traditional CMS. Building this Content Management System, we focused on simplicity. To achieve this, we implemented a simple but powerful API's.

Flextype 524 Dec 30, 2022
NukeViet CMS is multi Content Management System. NukeViet CMS is the 1st open source content management system in Vietnam. NukeViet was awarded the Vietnam Talent 2011, the Ministry of Education and Training Vietnam officially encouraged to use.

Introduction about NukeViet NukeViet is the first opensource CMS in Vietnam. The lastest version - NukeViet 4 coding ground up support lastest web tec

NukeViet 132 Nov 27, 2022
BaiCloud-cms is a powerful open source CMS that allows you to create professional websites and scalable web applications. Visit the project website for more information.

BaiCloud-cms About BaiCloud-cms is a powerful open source CMS that allows you to create professional websites and scalable web applications. Visit the

null 5 Aug 15, 2022
Bootstrap CMS - PHP CMS powered by Laravel 5 and Sentry

Bootstrap CMS Bootstrap CMS was created by, and is maintained by Graham Campbell, and is a PHP CMS powered by Laravel 5.1 and Sentry. It utilises many

Bootstrap CMS 2.5k Dec 27, 2022
PHPVibe Open source video CMS / Video Sharing CMS / Youtube Api v3 / Video Embeds

PHPVibe Video CMS Free Video Sharing CMS The modern choice of design inspired by Youtube and a social videos sharing module that may just cut it for y

MediaVibe 71 Dec 18, 2022