网站优化——前端优化
<div id="cnblogs_post_body">最近工作中需要做一个网站的优化工作，总结了几天，与大家分享下。优化思路无非就是前端优化，asp.net页面生命周期优化，数据访问优化，IIS与web.config配置优化，为了避免篇幅太长，分了四个部分。希望大家能多点评，谢谢！1.网站优化&mdash;&mdash;前端优化
2.网站优化&mdash;&mdash;asp.net页面生命周期优化
3.网站优化&mdash;&mdash;IIS与web.config配置优化
4.网站优化&mdash;&mdash;数据访问优化
前端优化自然免不了提到黄金14条：
1.Make Fewer HTTP Requests（尽量减少HTTP请求）
2.Use a Content Delivery Network （使用内容分发网络（即CDN））
3.Add an Expires Header（添加Expires头）
4.Gzip Components （压缩组件）
5.Put Stylesheets at the Top（把CSS放在HTML最上面）
6.Put Scripts to the Bottom （把脚本（比如JavaScript）放到HTML最下面）
7.Avoid CSS Expressions（避免使用CSS表达式）
8.Make JavaScript and CSS External（使用外部的JavaScript和CSS）
9.Reduce DNS Lookups （减少DNS查询次数）
10.Minify JavaScript（精简JavaScript）
11.Avoid Redirects （避免重定向）
12.Remove Duplicate Scripts（删除重复代码）
13.Configure ETags （配置ETag）
14.Make Ajax Cacheable（使用Ajax缓存）
减少页面体积
a. 压缩图片（1.1M）、css、js,压缩图片、css、js方法：
1.上传图片前压缩，上线前手动压缩图片、css、js;
2.在输出图片时压缩（开启gzip或CompressionModule压缩模块）
b. 精简css，js代码，比如：
1. css 提取共同样式
<div class="cnblogs_code" style="background-color: #f5f5f5; border: #cccccc 1px solid; padding: 5px;">.text_lbg{background:#F3F8FE;display:inline-block;padding:2px;horizontal-align:middle;}.text_rbg{background:#FFB0B0;display:inline-block;padding:2px;horizontal-align:middle;}.text_bbg{background:#AADAF0;display:inline-block;padding:2px;horizontal-align:middle }
页:
[1]