Насколько less.js влияет на скорость сайта?
В целях стандартизации предположим, что мы используем Benchmark.less .
Насколько медленнее процесс компиляции, чем предварительно скомпилированный css? Кроме того, при каком размере файла пользователи увидят влияние на производительность?
Вы можете проверить время загрузки с помощью Firebug (вы точно увидите, сколько как долго грузиться).
Кроме того, все еще есть вариант, что вы компилируйте .less в .css локально или даже сделайте это онлайн до вы выложили на сайт.
ИЗМЕНИТЬ:
Вот что я получаю, пробуя 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 ничего не получат.
Я использую twitter bootstrap, и загрузка страницы с файлом less.js несколько медленная. просто загружая загрузочную навигацию, и время загрузки моей страницы было> 1 с (1,08 с), если быть точным; это медленно.
При этом никакой оптимизации!
Если вы не кэшируете меньше и используете что-то простое, например twitter bootstrap, вы можете добавить полную секунду загрузки. Для эффективности требуется тестирование и кэширование, иначе результаты могут нанести ущерб вашему сайту.
Мы используем меньше в довольно большом проекте (наш скомпилированный css составляет около 9 тысяч строк, и мы приложили значительные усилия, чтобы сохранить его минимальным). В Chrome, работающем с локального сервера на быстром ноутбуке, less.js компилирует файлы less примерно за 600 мс. В Safari — все остальное то же самое — таинственным образом занимает 5 секунд (!). В Firefox 4.3s (!). На моем iPad 4-го поколения это занимает глупое количество времени. Это значительно хуже в медленной сети.
Предварительно скомпилированный CSS эффективно мгновенно загружается во всех браузерах.
Стоит отметить, что любые оптимизации, которые Google делает в V8, заметно лучше для less.js, чем движки Safari и Firefox, но вот что интересно:
До недавнего времени наша компиляция less была достаточно быстрой, чтобы ее нельзя было заметить во всех браузерах (включая Safari на iOS). Мы внесли некоторые изменения, мы не знаем, что это замедляет. Во всяком случае, наши файлы less стали меньше, а не больше (у нас есть парень, занимающийся оптимизацией CSS).
Мы не можем найти способ получить полезную информацию от компилятора less.
Мы подумывали о том, чтобы вместо этого попробовать SCSS/SASS, но похоже, что все переходят с SASS на LESS, поэтому я предполагаю, что по эту сторону забора трава не зеленее.
Я бы сказал, что если вы заинтересованы в мобильных клиентах (в частности, для iOS), избегайте less.js как чумы.
