CSS remove and combine
Extension Actions
Removes unused selectors from all stylesheets on a page and combines the result into a single stylesheet that can be downloaded
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.
Latest reviews
- Vladan Colovic
- Not working
- Jason C
- does not work download button is a no-op; show unused throws some error about a null title.
- Jason C
- does not work download button is a no-op; show unused throws some error about a null title.
- Hao Wang
- 这插件没人维护了？老是报错: SecurityError: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules各位有没有同类型插件推荐？
- Matt Fletcher
- findElements: TypeError: items[i].className.split is not a function
- Ilya Zhulin
- Выдает alert с ошибкой. Не работает.
- Глеб Михайлов
- Не работает. Нужно доработать.
- Raul Peixoto
- findElements: TypeError: items[i].className.split is not a function
- Liuer Hei
- findElements: TypeError: items[i].className.split is not a function ！It not works
- Liuer Hei
- findElements: TypeError: items[i].className.split is not a function ！It not works
- Alexander Poroshin
- It doesn't work for local web-page, e.g. file:///C:/site/W/ind.html. IMHO, to check, remove and combine CSS's a man should create a newpage on a hosting and copy code out there. Or the help file to describe how to use the ext should be enabled.
- Alexander Poroshin
- It doesn't work for local web-page, e.g. file:///C:/site/W/ind.html. IMHO, to check, remove and combine CSS's a man should create a newpage on a hosting and copy code out there. Or the help file to describe how to use the ext should be enabled.
- Pix Tweaks
- didn't work on various sites
- Pix Tweaks
- didn't work on various sites
- M Ashraful Islam
- I think this is very good one.This is what I needed actually. Thanks
- M Ashraful Islam
- I think this is very good one.This is what I needed actually. Thanks
- ImImam King
- not working
- ImImam King
- not working
- Serhii Seletskyi
- great tool, thank you
- Serhii Seletskyi
- great tool, thank you
- Jan Zahradnik
- Bien pero hay que eliminar del código malicioso que genera para meter su publicidad y sitios pornograficos entre el css que te da :)
- Don E.
- Unfortunately if you have a responsive site, your CSS will be mostly destroyed and your page will render incorrectly. I bet it works great on older pages or non-responsive pages though.
- Don E.
- Unfortunately if you have a responsive site, your CSS will be mostly destroyed and your page will render incorrectly. I bet it works great on older pages or non-responsive pages though.
- Clown-Girls Аниматоры
- Does not fit for responsive design. Read only one page.
- Clown-Girls Аниматоры
- Does not fit for responsive design. Read only one page.
- Anton Siniakevich
- not working
- Anton Siniakevich
- not working
- Nick M
- I have Bitdefender antivirus installed and it put in my css the style for their browser Antiphishing tool: #tf_hui_container
- Nick M
- I have Bitdefender antivirus installed and it put in my css the style for their browser Antiphishing tool: #tf_hui_container
- Mahmoud Mourad
- findElements: TypeError: items[i].className.split is not a function
- Nina Cording
- Aborts with an error message: items[i].className.split is not a function
- Nina Cording
- Aborts with an error message: items[i].className.split is not a function
- Fabio Fontes
- Não funciona
- ericneo2
- Download button did nothing. Report button opens a new tab and returns the error "setPage: TypeError: Cannot read property 'title' of null" The html page I used it on certainly has a title.
- ericneo2
- Download button did nothing. Report button opens a new tab and returns the error "setPage: TypeError: Cannot read property 'title' of null" The html page I used it on certainly has a title.
- b42
- Doesn't work. Only JS errors.
- b42
- Doesn't work. Only JS errors.
- WiLine Networks
- Doesn't work, only generates an error log message nothing else.
- WiLine Networks
- Doesn't work, only generates an error log message nothing else.
- chill side (chillside)
- Забыли про @keyframes и @media и просто их вычищают.. просто убивает всю анимацию и адаптив на сайте. Не советую.
- Carlos Eli Escobar Ruiz
- Solo checa css de una sola página, no puedes revisar varias páginas del mismo sitio para de ahi hacer la optimización
- Myke Black
- didnt work at all in windows 10 chrome version 53
- Myke Black
- didnt work at all in windows 10 chrome version 53
- Franck Ze
- Inutile
- Petersen Design Studios
- works like a charm, thank you! ! ! ! ! !
- Petersen Design Studios
- works like a charm, thank you! ! ! ! ! !
- Joel Polsky
- This is horrible!! It removes all media queries and comments in the css file and combines into one huge file. This should as least respect the queries and only remove the actual items that are not used.
- Anonymous
- I tried it on a couple of websites. Unfortunately, the combine CSS created did not work :(
- Anonymous
- I tried it on a couple of websites. Unfortunately, the combine CSS created did not work :(
- Chris Allen
- A good idea, but it didn't work at all for me. The report showed strange selector names, like .PIN_1466186168426_embed_grid and such. I suspect it has to do with pinterest widget on page, but really can't be bothered to track it down. This add-in did not analyze the page's own CSS files at all. The page in question has multiple widgets and multiple CSS include files. Running the Chrome page audit identified all of the extraneous CSS, so I'll probably just go that route. If this add-in analyzed ALL css files, then reported unused selectors and required selectors by CSS file source, it would be far more useful.