优化网站设计(二十七):使用link而不是@import导入样式表
2013-05-19 12:59
253 查看
前言
网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议。这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题。 作为通用的原则,雅虎的工程师团队曾经给出过35个最佳实践。这个列表请参考Best Practices for Speeding Up Your Web Site (http://developer.yahoo.com/performance/rules.html),同时,他们还发布了一个相应的测试工具Yslow http://developer.yahoo.com/yslow/ 我强烈推荐所有的网站开发人员都应该学习这些最佳实践,并结合自己的实际项目情况进行应用。 接下来的一段时间,我将结合ASP.NET这个开发平台,针对这些原则,通过一个系列文章的形式,做些讲解和演绎,以帮助大家更好地理解这些原则,并且更好地使用他们。准备工作
为了跟随我进行后续的学习,你需要准备如下的开发环境和工具 Google Chrome 或者firefox ,并且安装 Yslow 这个扩展组件.请注意,这个组件是雅虎提供的,但目前没有针对IE的版本。 https://chrome.google.com/webstore/detail/yslow/ninejjcohidippngpapiilnmkgllmakh https://addons.mozilla.org/en-US/firefox/addon/yslow/ 你应该对这些浏览器的开发人员工具有所了解,你可以通过按下F12键调出这个工具。Visaul Studio 2010 SP1 或更高版本,推荐使用Visual Studio 2012 http://www.microsoft.com/visualstudio/eng/downloads
你需要对ASP.NET的开发基本流程和核心技术有相当的了解,本系列文章很难对基础知识做普及。
本文要讨论的话题
这一篇我和大家讨论的是第二十七条原则:Choose <link> Over @import (使用link而不是@import导入样式表)。 这个原则很简单,在需要引入外部样式表的时候,应该使用更加标准的link标记,而不是使用IE专用的@import语句。 现在已经不是IE独霸天下的时代了,尤其是在移动互联网兴起的浪潮中,遵守标准逐渐成为一个共识,尽量少用与某个特定浏览器有关的特性,很重要。 当然,如果哪一天真的做到所有浏览器都统一了,那真是一个幸福的事情。这一天会很远吗?相关文章推荐
- 优化网站设计(二十七):使用link而不是@import导入样式表
- 优化网站设计(二十):使用多个主机来平衡负载
- 优化网站设计(八):将脚本文件和样式表作为外部文件引用
- 优化网站设计之使用CDN
- 优化网站设计(二十八):避免使用Filters(滤镜)
- 页面导入样式时,使用link和@import有什么区别?
- 优化网站设计(二):使用CDN
- 页面导入样式时,使用link和@import有什么区别?
- 优化网站设计(七):避免在CSS中使用表达式
- 优化网站设计(八):将脚本文件和样式表作为外部文件引用
- 优化网站设计(二):使用CDN
- 使用link标签导入外部样式表
- 优化网站设计(二十):使用多个主机来平衡负载
- 优化网站设计(二十八):避免使用Filters(滤镜)
- 页面导入样式时,使用link和@import有什么区别?
- 优化网站设计(二):使用CDN
- 优化网站设计(二十四):通过使用不同的主机减少对cookie的使用
- 优化网站设计(十六):为AJAX请求使用GET方法
- 高性能网站设计:不要使用@import