css - Is it faster to precompile less? -

css - Is it faster to precompile less? -

so wondering whether improve me far page speed, precompile less style sheets instead of using less.js. after testing via google page speed, noticed went downwards couple points after precompiling. far know should less demanding on user. guess wrong? there else should take account? minifying css option, don't think create considerable difference.

thanks.

i think should alter title of question in "does precompiling less generates improve page speed score?"

if depends of size of less code. in general page speed wants first load readable , load non critical css , javascript afterwards.

when compile less code in 1 big css file, page speed complain should load critical css first (preferred in source (no http request) ).

when compiling client side less.js compiled css code inserted in source, require 2 http request (the compiler , less file). less code can smaller compiled css. have load compiler (possible cdn).

but overall should realize client side compiler have compile less code 1 time again every page request. client side compiling take time , create bad user experience in situations.

minifying css option, don't think create considerable difference.

minifying cut down number of bytes have send , helps create website load faster.

some tests

when load simple page with:

<link href="css/bootstrap.min.css" rel="stylesheet">

i found page speed score of 95/100 , have fix:

optimize css delivery of following: http://example.com/css/bootstrap.min.css

when load same page with:

<link rel="stylesheet/less" type="text/css" href="less/bootstrap.less" /> <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/2.0.0/less.min.js"></script>

i found page speed score of 91/100 , have fix:

remove render-blocking javascript: http://cdnjs.cloudflare.com/ajax/libs/less.js/2.0.0/less.min.js

although sec situation has many http request (to load less code) , run code client side score not much lower (and still enough).

when don't optimize css in first situation, instance minify code , set proper caching headers , on page speed score farther go down.

so in summary, yes should precompile less code , minify css code improve user experience , page speed not predictor user experience.

css less