这种方式使用LESS
<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>
会不会比通常的直接引用css方式需要更长的页面渲染时间?
当然会! 你查看一下页面源文件就能发现 less.js 会在 head 里面插入一个 inline-style
打开 firebug 或者别的 console, 你将会看到
less: parsed http://localhost/app.domain.com/static/style.less successfully.
less: saving http://localhost/app.domain.com/static/style.less to cache.
less: css for http://localhost/app.domain.com/static/style.less generated in 66ms
less: css generated in 71ms
上面这个例子比直接引用 css 文件慢了 71ms
耗时主要在于文件生成, 插入节点其实可以忽略不计
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。