读《不要使用@import》

原文地址
ie测试环境为ie678

测试结果

  1. 要将@import放到样式代码的最前面,否则它将会不起作用。
  2. 在IE中link混合@import 会破坏并行下载css
  3. LINK 嵌套@import时所有浏览器都会阻止并行加载代码
  4. link+link中包含@import情况下,ie中link会阻断@import的并行,其他浏览器不会。
  5. 多个import.在IE中使用@import会引起资源被按照一个不同于预期的顺序下载
  6. 使用LINK确保在所有的浏览器里面都能并行下载

总结:

  • @import对ie很不友好,部分情况对其他浏览器也会阻断并行。(页面总体加载时间增加)
  • 在ie中会打乱加载顺序,js文件可能会被提前加载形成阻塞,这样会更加慢。更严重的是如果脚本中包含的代码以来从样式表文件中应用的样式(比如getElementsByClassName),那么就将可能会发生意外的结果。
    要注意的less点
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,841评论 1 92
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,591评论 0 25
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,926评论 24 450
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 2,228评论 0 8
  • 28岁papi酱正在过时 00后网红的实用战争 这文章道出的事实真是惊到我了。于是我开始思考为什么80、90后偏向...
    上海王尔德阅读 121评论 1 1