资讯频道 → Web前端
阅读更多

9顶
0踩

Web前端

原创新闻 不要再使用@import

2009-04-10 11:44 by 副主编 ouspec 评论(5) 有6260人浏览
浏览器 HTML

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

Web性能优化专家 Steve Souders 之前曾经在 他的书中 提示过@import 对于web 页面渲染是有害的，今天，他写了一篇很长的博客讲述为什么不要再使用@import：

有两种方式包含样式表进入你的web页面，你能使用LINK 标签： 

<link rel=’stylesheet’ href=’a.css’>


或者 使用 @import 

<style>
@import url(’a.css’);
</style>


我更倾向于使用LINK，因为简单，因为你必须记住把@import 放在样式代码块的顶部，否则它不会执行。同时不使用@import，能获得更好的性能。

以下因素不适合使用@import：

1。链接通过@import混合将使得IE的并行下载中断

2。从一个链接的样式表中使用@import将使得所有浏览器的并行下载中断

3。@import在IE中嵌入其他样式表，链接被阻挡

4。@import 让IE中的资源下载次序被打乱

他最后总结：

资源中止让下载次序被打乱是非常糟糕的一件事情，所有浏览器应该执行一个小的预载，判断用于扩展任何@import规则的样式表，然后立即启动这些下载。直到浏览器做了这些修改之前，我建议不再使用@import。

阅读全文：http://www.stevesouders.com/blog/2009/04/09/dont-use-import/
来自: ajaxian.com
9
顶
0
踩
评论 共 5 条 请登录后发表评论
5 楼 lucky16 2009-04-11 23:04
是有那么一点点.
4 楼 aninfeel 2009-04-11 08:27
厂商的bug吧，我们要用到它没bug为止，
3 楼 Bernard 2009-04-11 04:05
呃~~刚从dzone看到。
这个就被提到首页了。
还会出现异步加载渲染异常的情况。
2 楼 whaosoft 2009-04-11 00:11
ui 很麻烦的东西啊~
1 楼 trains629 2009-04-10 12:25
怎么看都感觉是由于ie的处理机制造成的

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 当前主流BPEL引擎列表清单

    BPEL runtime engines Implementers of the standard have developed several BPEL engines, including: Active Endpoints—a complete BPEL engine running either on top of a J2EE application server or ...

  • BPEL Engines

    BPEL runtime enginesImplementers of the standard have developed several BPEL engines, including:Active Endpoints—a complete BPEL engine running either on top of aJ2EEapplication server or standalone....

  • 谁来一统BPM江湖？

    BPM概念与BPMS之相关技术是架构在Web Services/SOA之基础上，未来不仅会改造企业建构IT系统的方法，也同时改变企业营运模式，或称商业流程的运行方式。对厂商而言，谁能主导流程定义与运行的相关标准谁就是市场的...

  • [转载] BPM介绍

    BPM概念與BPMS之相關技術是架構在Web Services/SOA之基礎上，未來不僅會改造企業建構IT 系統的方法，也同時改變企業營運模式，或稱商業流程的執行方式。對廠商而言，誰能主導流程定義與執行的相關標準誰就是市場的贏...

  • BPM之大局势（2008版）

    在《工作流之大局势》2004版中，笔者向大家推荐了Shark系列工具，推动了Shark工作流引擎在国内的流行；在Shark大红大紫发展到最顶峰之时，《工作流之大局势》2006版向大家隆重介绍了jBPM开源产品，并预测了BPEL的...

  • Activiti in Action（实战Activiti）-第一章 BPMN 2.0: what’s in it for developers?（3）

    BPMS software (such as IBM, Oracle, Tibco, Intalio and of course Alfresco with Activiti), but all their suites contain similar tools. Figure 1.3 provides an overview of a typical BPM architecture. ...

  • BPMN这点事-那段悲催的历史

    什么是业务流程管理，业务流程管理是一种以规范化地构造...在本章中，我们将把关注点放到BPMN上，什么是BPMN，在BPMN1.X里，BPMN是Business Process Modeling Notation的缩写，即业务流程建模符号，而在BPMN2.0里，B...

  • activiti(BPMN2.0第三章)

    provide BPMS software (such as IBM, Oracle, Tibco, Intalio and of course Alfresco with Activiti), but all their suites contain similar tools. Figure 1.3 provides an overview of a typical BPM ...

  • 【SOA】 mySOA：敏捷的、治理的并且可持续的 （ZZ）

    SOA是在各种报道中频繁提及的一个话题。在阅读了很多书、文章、软件提供商们的各种白皮书以及博客文章之后，我仍然在探索如何才能使之成为现实。本文的主要目的是邀您一起参与我们的SOA之旅，不过它针对我们的一些...

  • 业务流程管理综述

    在过去的几十年里，很多研究学者开始意识到仅仅把重点放在工作流执行上过于局限，于是新的术语 BPM 诞生了。现今存在很多 BPM 的定义，但是从中我们可以看到大多数定义都包含了工作流管理的内容。 从管理理论或...

  • mySOA：敏捷的、治理的并且可持续的

    SOA是在各种报道中频繁提及的一个话题。在阅读了很多书、文章、软件提供商们的各种白皮书以及博客文章之后，我仍然在探索如何才能使之成为现实。本文的主要目的是邀您一起参与我们的SOA之旅，不过它针对我们的一些...

  • 【BP回归预测】蜣螂算法优化BP神经网络DBO-BP光伏数据预测（多输入单输出）【Matlab仿真 5175期】.zip

    CSDN Matlab研究室上传的资料均有对应的仿真结果图，仿真结果图均是完整代码运行得出，完整代码亲测可用，适合小白； 1、完整的代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

  • 西红柿成熟度分割数据集labelme格式686张3类别.zip

    样本图：blog.csdn.net/2403_88102872/article/details/144566118 文件放服务器下载，请务必到电脑端资源预览或者资源详情查看然后下载 数据集格式：labelme格式(不包含mask文件，仅仅包含jpg图片和对应的json文件) 图片数量(jpg文件个数)：686 标注数量(json文件个数)：686 标注类别数：3 标注类别名称:["unripe","ripe","rotten"] 每个类别标注的框数： unripe count = 2452 ripe count = 1268 rotten count = 710 使用标注工具：labelme=5.5.0 标注规则：对类别进行画多边形框polygon 重要说明：可以将数据集用labelme打开编辑，json数据集需自己转成mask或者yolo格式或者coco格式作语义分割或者实例分割 特别声明：本数据集不对训练的模型或者权重文件精度作任何保证，数据集只提供准确且合理标注

  • RustCryptopals学习密码学和安全概念的工具集

    这个项目是一个全面的密码学学习工具，适合作为Rust编程和密码学入门项目。希望这个项目能帮助你提升Rust编程技能，并深入理解密码学原理！

  • LabSpec6 软件功能参考文献

    LabSpec6 软件功能参考文献

  • 【BP回归预测】基于matlab凌日算法优化BP神经网络TSOA-BP光伏数据预测（多输入单输出）【Matlab仿真 5170期】.zip

    CSDN Matlab研究室上传的资料均有对应的仿真结果图，仿真结果图均是完整代码运行得出，完整代码亲测可用，适合小白； 1、完整的代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

  • 【BP回归预测】基于matlab阿基米德算法优化BP神经网络AOA-BP光伏数据预测（多输入单输出）【Matlab仿真 5135期】.zip

    CSDN Matlab研究室上传的资料均有对应的仿真结果图，仿真结果图均是完整代码运行得出，完整代码亲测可用，适合小白； 1、完整的代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

  • BLE蓝牙单片机CC2540、CC2541带OSAL操作系统的项目实战开发例程-蓝牙自组网一主机三从机收发数据例程.zip

    1、嵌入式物联网单片机项目开发例程，简单、方便、好用，节省开发时间。 2、代码使用IAR软件开发，当前在CC2540/CC2541上运行，如果是其他型号芯片，请自行调整。 3、软件下载时，请注意接上硬件，并确认烧录器连接正常。 4、有偿指导v：wulianjishu666; 5、如果接入其他传感器，请查看账号发布的其他资料。 6、单片机与模块的接线，在代码当中均有定义，请自行对照。 7、若硬件有差异，请根据自身情况调整代码，程序仅供参考学习。 8、代码有注释说明，请耐心阅读。 9、例程具有一定专业性，非专业人士请谨慎操作。

  • 【电力负荷预测】基于matlab飞蛾扑火算法优化回声神经网络MFO-ESN电力负荷预测（多输入单输出）【Matlab仿真 5322期】.zip

    CSDN Matlab研究室上传的资料均有对应的仿真结果图，仿真结果图均是完整代码运行得出，完整代码亲测可用，适合小白； 1、完整的代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

  • 【DELM回归预测】基于matlab蜂虎狩猎算法改进深度学习极限学习机BEH-DELM数据回归预测【Matlab仿真 3847期】.zip

    【DELM回归预测】基于matlab蜂虎狩猎算法改进深度学习极限学习机BEH-DELM数据回归预测【Matlab仿真 3847期】

Global site tag (gtag.js) - Google Analytics