Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Is -prefix-free faster than pure CSS ?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #41970
    maxisix
    Participant

    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 !

    #120900
    Zoom
    Participant

    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.

    #120901
    maxisix
    Participant

    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)
  • The forum ‘CSS’ is closed to new topics and replies.