Critical CSS Extractor

Download extension

extract Critical CSS rules for the current pageOnce 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.