CSS remove and combine

Removes unused selectors from all stylesheets on a page and combines the result into a single stylesheet that can be downloaded

CSS Remove and Combine: Tidy & Optimize Your Stylesheets

"CSS remove and combine" is a Chrome extension designed to streamline and optimize your web page coding. It works by scanning page stylesheets and removing unused CSS selectors, leaving only those in active use. In doing so, it tidies the code and condenses it into a single downloadable file. It further provides a snapshot view of both used and unused selectors and offers a report on the latter for verification and review purposes. In addition to these features, the extension actively rectifies reported error issues and continually innovates for more effective functioning.
Install from Chrome Web Store

Extension stats

Users: 6,000+
Rating: 2.28
(115)
Version: 0.2.0.2 (Last updated: 2014-02-03)
Creation date: 2014-02-03
Risk impact: High risk impact
Risk likelihood:
Manifest version: 2
Permissions:
  • tabs
  • http://*/*
  • https://*/*
Size: 276.48K

Other platforms

CSS Editor (v1.0.310)
3.25 (296) 84,217+
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

This extension removes unused CSS rules on a page by creating a new CSS stylesheet containing only those selectors in use. This not only tidies and optimizes your stylesheets but combines them into a single file which can then be downloaded. The approach used by the extension is based on eliminating all ID and class based selectors that reference IDs and classes not on the page. There is also a quick view dialog that will give the user information on a page about the number of used and unused selectors. There is also now a report on the unused selectors which can be used to verify that the extension is working as described.

There is an issue reported in a review that the extension opens links to other websites. I can't see how this can be possible. The extension gets a list of stylesheets. This list is a property of the webpage document object. It then trys to open each stylesheet. If the stylesheet is on another domain, then nothing will be returned. In this way the extension cannot open any page on another domain. There is development code to get around this problem, but it is not yet active.

The "WebKitBlobBuilder" issue has now been solved. This rendered the extension unusable - thus all the negative feedback. Sorry that I couldn't fix the problem earlier as I was unfortunately sick for a long while. The "WebKitBlobBuilder" error was due to a change (quite reasonable) in chrome to remove support for the "WebKitBlobBuilder" property in favour of the standard "BlobBuilder".

Please let me know if the extension is working as advertised. You can contact me through the normal extension feedback system or at [email protected]

0.2.0.0: Added Unused Selector Report 0.1.2.0: Multiple window issue fixed 0.1.1.0: 'WebKitBlobBuilder' issue fixed

Issues: 1: Stylesheets on a different domain report no selectors. Message will print out saying no selectors found. Under development. 2: Ajax or JavaScript added elements not accounted for. Under development 3: Media queries not respected.

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Some users found it helpful for removing and combining CSS.
  • A few users expressed gratitude for the tool.
Cons
  • Multiple users report that it does not work at all.
  • Conflicting interactions with responsive design.
  • Several errors reported related to code execution and null values.
  • Issues with local web pages (file protocol).
  • Some users noted the presence of unwanted ads or code.
Most mentioned
  • Not working
  • FindElements: TypeError: items[i].className.split is not a function
  • Does not fit for responsive design
User reviews
Not working
by Vladan Colovic, 2023-05-17

does not work download button is a no-op; show unused throws some error about a null title.
by Jason C, 2022-06-07

这插件没人维护了?老是报错: SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules各位有没有同类型插件推荐?
by Hao Wang, 2022-05-23
View all user reviews

Extension safety

Risk impact

CSS remove and combine requires some sensitive permissions that could impact your browser and data security. Exercise caution before installing.

Risk likelihood

CSS remove and combine has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Promo images

CSS remove and combine small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to CSS remove and combine: