extension ExtPose

Critical CSS Extractor (delisted)

CRX id


Description from extension meta

extract Critical CSS rules for the current page

Description from store Once you install this extension, you will see a new panel, 'Critical CSS' in your Developer Tool. By clicking 'Extract Critical CSS', a text file which has CSS rules for Above the Fold, or First View of a current page is downloaded. v2.7.3 fix for getting url command v2.7.2 fix format in downloaded file v2.7.0 fix for root relative path v2.6.9 support for @support v2.6.8 fix for CSSMediaRule v2.6.7 fix handling of @import rule v2.6.3 fix to duplicate a current tab even if a devtool floats v2.6.2 fix for webkit pseudo elements v2.6.1 open original page in new tab v2.6 add preference page v2.5 preserve back slashes in css rules v2.4 prevent css rules of different frames from applied to a main frame v2.3 fix for pseudo elements and pseudo classes.

Latest reviews

  • (2022-07-12) Nadav Benedek: Doesn't work for me. I get in the console: "VM12:1 Uncaught ReferenceError: AKAM is not defined"
  • (2022-04-26) Michael Smith: Like others mentioned already - working like a charm. You just have to remember that the extension is to be found in the dev tools, where it indeed fits in perfectly. Awesome work - thank you!
  • (2021-12-03) Mediativ AG: Works great. @media queries where the rule is marked as critical by Chrome but not the query itself don't get exported. Otherwise I would give it 5 stars. I feel sad for the dev cause of all the 1 star ratings which only result from people not able to operate the plugin.
  • (2021-04-19) Rubén Vara: Works perfectly: extracts the critical CSS as well as some other automatic online tools. You just need to look for a new tab in the Dev Tools and click the "Extract Critical CSS" button. Done, a file is downloaded instantly.
  • (2020-11-13) stu foster: works fine!
  • (2020-01-12) Udhaya Kumar: Does not work. When click the plugin button it goes to extension page. Uninstalling.
  • (2019-12-08) Bahadir Ishmatov: созданный css ломает всю верстку сайта, зачем такое убогое расширение?
  • (2019-03-17) Lee Conlin: Doesn't work. Uninstalling.
  • (2018-06-01) juan manuel villalba: no work
  • (2018-01-14) Amos Edoardo Accossato: It's working fine! The extension adds a new developer tab on developer tool (F12).
  • (2017-12-21) Goran Nešić: It is not working... Button is grey
  • (2017-07-02) Melanie Shepherd: Yep definitely not working - the button is grey and when you click on it - it brings you back to the extensions page
  • (2017-05-17) Ставишь а оно такое, хоп и не работает
  • (2017-02-14) Acum Amcum: Doesn't work. There is no button to extract CSS, only for this page and options and etc. Also, extension button is grey, but the extension is enabled.
  • (2016-01-05) Aaron T. Grogg: Does a good job of extracting the critical CSS, but the resulting CSS is malformed. It is easily repaired, and I have submitted a Support ticket. With this fixed, I would be very happy with this! Atg

Latest issues

  • (2017-06-27, v:2.7.4) Steve Jarvis: Media Queries
    Hi, I love the plugin - it's very useful. I notice that media queries are ignored. This would be an amazing feature if it could be added. Do you have plans do so so? Thanks
  • (2016-09-14, v:2.7.4) Add option to ignore keyframes
    Love your extension! It would be nice to have a preference to ignore keyframes. My rendered critical CSS has now 400 lines of keyframes, which is not very critical to me.
  • (2016-01-05, v:2.7.0) Aaron T. Grogg: Extraneous commas breaking CSS
    Hello, and thanks for making this extension! However, the resulting critical CSS for my site has commas after all declarations, which breaks the CSS. Example: a { color: blue; },p { margin-top: 1em; } That comma between the } and the p prevent this CSS from working. Also, if we're doing this, minifying the results to remove unnecessary line-wraps and spaces would be nice, but the above is critical! Cheers, Atg


1,000 history
2.3 (18 votes)
Last update / version
2016-01-14 / 2.7.4
Listing languages