Grow your CSS skills. Land your dream job.

Is -prefix-free faster than pure CSS ?

  • # January 13, 2013 at 3:29 pm

    I have a question about performance. Is it faster to pure CSS with all the prefix like this

    .test{
    transform: rotate(30deg);
    -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari and Chrome */
    -o-transform: rotate(30deg); /* Opera */
    -moz-transform: rotate(30deg); /* Firefox */
    }

    or only this with prefix-free ?

    .text{
    transform: rotate(30deg);
    }

    Thank you guys !

    # January 13, 2013 at 4:13 pm

    Scripts like prefix-free can make coding faster since you don’t have to add all those prefixes manually. Even if you are using a CSS pre-processor or using something like prefixr to add the prefixes later, prefix-free is probably still faster since there are no additional steps or extra code.

    In terms of how much time it takes for the client to download your code this depends on how many prefixes are needed in your CSS. Prefix-free is 2kb, the additional code you would need for “pure CSS” might be more or less than that.

    Lastly, “pure CSS” would render faster than using prefix-free, but the difference might not be noticeable.

    prefix-free does have a few issues so ideally the prefixes should be in the CSS, but then again prefix-free offers a great convenience.

    # January 13, 2013 at 4:16 pm

    Great ! I’m using less CSS and I have great mixins soo i think i’ll continue with this ! :) Thanks for your advice !!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".