Closed Bug 988676 Opened 10 years ago Closed 9 years ago

Consider not sending down vendor-prefixed-CSS to Firefox OS

Categories

(Marketplace Graveyard :: Consumer Pages, defect, P3)

defect

Tracking

(Not tracked)

RESOLVED WONTFIX

People

(Reporter: cvan, Unassigned)

References

Details

(Keywords: perf, Whiteboard: [marketplace-transition])

Every byte counts.
Priority: -- → P2
No longer blocks: tarako-marketplace
Blocks: 992365
No longer blocks: 992365
Priority: P2 → P3
Do we know how much vendor-prefixing we're using (in general and for FxOS, specifically)?
A good amount. Flexbox, transitions, transforms, gradients, etc.
I did a quick and dirty test:
include.css is 123K, 26K after gzip

Removing *all* the prefixes (we'd want to be smarter and keep some even for Firefox OS, for 1.1, but this is just to give rough numbers):
include.css is 115K, 25K after gzip

IMHO, if we want to reduce include.css file size, https://bugzilla.mozilla.org/show_bug.cgi?id=988674 is a better option to start with, as it'll provide bigger improvements without having to deal with generating multiple versions of our CSS for different browsers, which is generally a pain to maintain / do reliably.
Many folks these days use autoprefixer instead of writing their own mixins for vendor-prefixing properties:

    https://github.com/postcss/autoprefixer

It works on minified CSS too.
Was planning on using Stylus's nib, but seeing autoprefixer would work better. It's probably like one line to our build step too.
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → WONTFIX
Whiteboard: [marketplace-transition]
You need to log in before you can comment on or make changes to this bug.