ASP.NET开发实践系列课程之前端调优
2009-12-12 15:23
639 查看
前端调优
传输优化
传输速度,传输数量,浏览器缓存,预先加栽和延迟加载
传输速度:
字节优化:HTML,JS,CSS,图片,Flash,XML
CDN:打破运营商间的限制(如DNSPod)
减少相同文件的重新下栽(如:Microsoft Ajax CDN)
使用expression web来恢复或者优化html格式
传输数量:
减少文件请求数量
适当的分减
避免404错误和重定向
使用多图集成的图片文件,都房栽一个文件,用css莱加载局部(不错的方式)
浏览器缓存:
GET方式请求文件便于缓存
CSS,js采用分离成外部文件的方式(手机客户端除外)
预先加载和延迟加载
预先加载
打开页面后用户立即需要看到的
打开页面时需要立即起作用的js和css
延迟加载
打开页面后需要用户进行一些动作才能看到的
预估到用户可能要访问的资源
客户端优化
css
尽量避免使用IE的滤镜和css表达式(cpu会很高)
尽量放在代码前面
尽量减少使用小图片repeat实现背景
js
优化算法(尤其是循环)
注意不支持长整形
没有真正得多线程,需要模拟实现
异步加载非页面初始化必需的js
HTML
尽量不要用table做布局,尤其是外围布局
尽量选择适用div,p等流式标签
尽量使用语义化的标签(strong,em)
减少DOM的个数,减少iframe的使用
考虑异步加载部分内容
AJAX
避免并发
尽量使用GET方式请求
参考传输优化
传输优化
传输速度,传输数量,浏览器缓存,预先加栽和延迟加载
传输速度:
字节优化:HTML,JS,CSS,图片,Flash,XML
CDN:打破运营商间的限制(如DNSPod)
减少相同文件的重新下栽(如:Microsoft Ajax CDN)
使用expression web来恢复或者优化html格式
传输数量:
减少文件请求数量
适当的分减
避免404错误和重定向
使用多图集成的图片文件,都房栽一个文件,用css莱加载局部(不错的方式)
浏览器缓存:
GET方式请求文件便于缓存
CSS,js采用分离成外部文件的方式(手机客户端除外)
预先加载和延迟加载
预先加载
打开页面后用户立即需要看到的
打开页面时需要立即起作用的js和css
延迟加载
打开页面后需要用户进行一些动作才能看到的
预估到用户可能要访问的资源
客户端优化
css
尽量避免使用IE的滤镜和css表达式(cpu会很高)
尽量放在代码前面
尽量减少使用小图片repeat实现背景
js
优化算法(尤其是循环)
注意不支持长整形
没有真正得多线程,需要模拟实现
异步加载非页面初始化必需的js
HTML
尽量不要用table做布局,尤其是外围布局
尽量选择适用div,p等流式标签
尽量使用语义化的标签(strong,em)
减少DOM的个数,减少iframe的使用
考虑异步加载部分内容
AJAX
避免并发
尽量使用GET方式请求
参考传输优化
相关文章推荐
- ASP.NET开发实践系列课程之ASP.NET综合调优
- ASP.NET开发实践系列课程之数据库调优
- ASP.NET开发实践系列课程之Web应用的安全攻防之垃圾信息群发(SPAM)
- ASP.NET开发实践系列课程之Web应用的安全攻防之网页木马
- MSDN Webcast 系列课程之《ASP.NET MVC 3 开发实践系列课程》
- ASP.NET开发实践系列视频课程全集
- ASP.NET开发实践系列课程之跨站脚本(XSS)的攻防
- ASP.NET开发实践系列课程之SQL注入攻击(SQL Injection)
- ASP.NET开发实践系列课程之c#代码优化
- (转)ASP.NET开发实践系列视频课程全集
- ASP.NET MVC框架开发系列课程 (webcast视频下载)
- ASP.NET MVC框架开发系列课程二
- [导入]ASP.NET MVC框架开发系列课程(3):URL导向.zip(16.66 MB)
- ASP.NET MVC框架开发系列课程(8):AJAX
- ASP.NET MVC框架开发系列课程 (webcast视频下载)
- 面向开发人员之ASP.NET开发技术系列课程(视频课程讲师:徐栋)
- ASP.NET MVC框架开发系列课程一
- 面向开发人员之ASP.NET开发技术系列课程(视频课程讲师:徐栋)
- [导入]ASP.NET MVC框架开发系列课程(2):一个简单的ASP.NET MVC应用程序.zip(13.70 MB)
- 北风网ASP.net版小孔子文章管理系统(CMS)2.0版本实战系列课程+通用OA系统全程开发