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

Status: RESOLVED WONTFIX

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

Description

[Christopher Van Wiemeersch [:cvan]]

Every byte counts.

Comment 1

[David Durst [:ddurst]]

Do we know how much vendor-prefixing we're using (in general and for FxOS, specifically)?

Comment 2

[Kevin Ngo [:ngoke]]

A good amount. Flexbox, transitions, transforms, gradients, etc.

Comment 3

[Mathieu Pillard [:mat]]

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.

Comment 4

[Christopher Van Wiemeersch [:cvan]]

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.

Comment 5

[Kevin Ngo [:ngoke]]

Was planning on using Stylus's nib, but seeing autoprefixer would work better. It's probably like one line to our build step too.