CRX id
pfcjlollanbphpceofgibjopkkppbdmc
pfcjlollanbphpceofgibjopkkppbdmc
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
- (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) Canadian Anarchist: 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