на нагрузку less.js

Question

Насколько less.js влияет на скорость сайта?

Для целей стандартизации , давайте предположим, что мы используем Benchmark.less .

Насколько медленнее процесс компиляции, чем скомпилированный css? Кроме того, при каком размере файлов пользователи увидят снижение производительности?

Answer 1

Вы можете проверить время загрузки с помощью Firebug (вы точно увидите, сколько времени займет загрузка).

Кроме того, есть возможность, что вы скомпилируете свой .less в .css локально или даже сделаете это онлайн , прежде чем разместить его на сайте.

EDIT:

Вот что я пытаюсь использовать benchmark.less на моем локальном сервере:

less: parsed hxxp://localhost/testing/css/style.less successfully.
less: saving hxxp://localhost/testing/css/style.less to cache.
less: css for hxxp://localhost/testing/css/style.less generated in 640ms
less: css generated in 641ms

p.s. Независимо от того, как влияет нагрузка, я все равно скомпилирую его в css, прежде чем вы подключите его, в противном случае люди с отключенным JS ничего не получат.

Answer 2

Я использую загрузчик Twitter, и загрузка страницы несколько медленнее с файлом less.js. просто загружая навигацию начальной загрузки, и время моей загрузки страницы было> 1 с (1.08 с), чтобы быть точным; это медленно.

Никаких оптимизаций!

Answer 3

Мы используем меньше в довольно большом проекте (наш скомпилированный CSS занимает около 9 тыс. Строк - и мы приложили немало усилий, чтобы сохранить его минимальным).В Chrome, работающем на локальном сервере на быстром ноутбуке, less.js компилирует наши файлы less за 600 мс.На Safari - все остальное тоже самое - он таинственным образом занимает 5 секунд (!).На Firefox 4.3s (!).Это занимает много времени на моем iPad 4-го поколения. Это значительно хуже в медленной сети.

Предварительно скомпилировано, CSS эффективно загружается мгновенно во всех браузерах.

Стоит отметить, что всеОптимизация, которую Google делает в V8, заметно лучше для less.js, чем движки Safari и Firefox, но вот кикер:все браузеры (включая Safari на iOS).Мы внесли некоторые изменения, мы не знаем, что это замедляет.Во всяком случае, наши меньшие файлы стали меньше не больше (у нас есть парень, посвященный оптимизации CSS).

Мы не можем найти какой-либо способ получения полезной информациииз меньшего компилятора.

Мы собирались вместо этого попробовать SCSS / SASS, но кажется, что все переключаются с SASS на LESS, поэтому я предполагаю, что трава не зеленее на этомсторона забора.

Я бы сказал, что если вы заинтересованы в мобильных клиентах (в частности, в iOS), избегайте less.js, как чумы.

Answer 4

Если вы не кэшируете меньше и запускаете что-то простое, например, загрузчик Twitter, вы можете добавить целую секунду загрузки. Это требует тестирования и кэширования, чтобы быть эффективными, или результаты могут быть вредными для вашего сайта.