Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@slushman
Last active October 20, 2016 14:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save slushman/0439e8d70649dc650db0a0131b79f55f to your computer and use it in GitHub Desktop.
Save slushman/0439e8d70649dc650db0a0131b79f55f to your computer and use it in GitHub Desktop.
Cheatsheet for the results from Parker.
  • Total Stylesheets
    • The quantity of stylesheets it examined.
  • Total Stylesheet Size
    • Size in bytes of the stylesheet(s)
    • Ideal: no real ideal, but smaller is better.
  • Total Rules
    • The quantity of CSS rules in the stylesheet(s).
    • Ideal: no real ideal, but a smaller number here means a simpler stylesheet.
  • Total Selectors
    • The quantity of selectors in the stylesheet(s).
    • Ideal: no real ideal, but a smaller number here means a simpler stylesheet.
  • Total Identifiers
    • The quantity of identifiers in the stylesheet(s).
    • Ideal: no real ideal, but a smaller number here means a simpler stylesheet.
  • Total Declarations
    • The quantity of declarations in the stylesheet(s).
    • Ideal: no real ideal, but a smaller number here means a simpler stylesheet.
  • Selectors Per Rule
    • The quantity of selectors per rule.
    • Ideal: as close to 1 as possible.
  • Identifiers Per Selector
    • The quantity of identifiers per selector.
    • Ideal: between 1 & 2.
  • Specificity Per Selector
    • Ranking of how sepecific each selector gets.
    • Ideal: between 10 & 20; lower is better.
  • Top Selector Specificity
    • The score of the "worst offender" selector.
  • Top Selector Specificity Selector
    • The "worst offender" for selector specificity
  • Total Id Selectors
    • Total quantity of ID selectors.
    • Ideal: 0
  • Total Unique Colors
    • Total of unique colors found.
    • Ideal: no real ideal, but a smaller number here means a simpler stylesheet.
  • Unique Colors
    • Comma-separated list of unique colors.
  • Total Important Keywords
    • Total uses of "!important"
    • Ideal: none, just ensure their use is justified.
  • Total Media Queries
    • Total quantity of media queries.
    • Ideal: no real ideal, but a smaller number here means a simpler stylesheet.
  • Media Queries
    • Comma-separated list of the media queries.

This gist was derived from (Harry Robert's post)[http://csswizardry.com/2016/06/improving-your-css-with-parker/] about using Parker.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment