Devo includere il plug-in "prefix-free" nel mio sito web

Question

Prefix-free è un ottimo plugin di Lea Verou. Aiuta lo sviluppatore a scrivere selettori CSS3 senza prefisso. Mi chiedo se sia degno di includerlo nel mio sito.

Ho un sito Web con alcuni CSS3 e voglio sapere se il caricamento di un file JS che modifica il CSS dopo il caricamento della pagina può diminuire la velocità di rendering delle mie pagine e influire sulle prestazioni lato client?

Answer 1

Naturalmente l'esecuzione di un Javascript che modifica il tuo CSS diminuirà le prestazioni del tuo Sito, sia in termini di tempo di esecuzione di javascript che di (ri-) rendering-velocità del tuo sito.

È molto costoso lasciare che javascript esamini e modifichi tutto il tuo CSS. Preferisco tali preprocessori come SASS o LESS che consentono di scrivere CSS privi di prefissi e produrre il CSS prefissato secondo prima di consegnarlo al client. Ovviamente questo ha lo svantaggio di avere file css più grandi da trasferire, ma comunque questa è la soluzione che preferisco.

Non hai bisogno di scrivere i mixaggi necessari per te, ci sono fondamentalmente innumerevoli estensioni, che faranno il lavoro per te e forniranno mixin pronti all'uso.

Appena fuori della parte superiore della mia testa: per meno, si potrebbe usare http://lessprefixer.com/ - per Sass http://compass-style.org/

Answer 2

Sì, ci si può aspettare diminuzione del tempo di caricamento della pagina e possibilmente FOUC.

Se non si desidera compromettere l'esperienza dell'utente finale, si consiglia di utilizzare strumenti come LESS. Meno consente di scrivere un markup css più compatto e gestibile che viene trasformato in css regolare prima di inviarlo da un server all'altro. Gestirà facilmente il problema del prefisso css.