之前一系列博文介绍了网站后台的数据库性能优化，其实前端的优化也是很重要的。在数据库范文速度提升上去的时候，仍然会出现页面加载缓慢的现象，此时，就需要对于网站的前端代码进行优化。
关于前端性能优化的教程不多，好不容易找到了一本教材，《高性能网站建设指南》，下面以此书的内容为主线，讲解一下前端性能优化的方法。
一、 减少http请求
这是提高前端性能的一个重要原则。
能少一次请求就少一次。
1. 使用图片地图
我们知道，一个img标签会向服务器发起一次请求获取图片，那么如果把多个图片合成一张图片，就可以将多次请求变成一次请求了，这就是图片地图。
图片地图通过用户点击的位置不同而相应不同的事件，这样就会使得前台代码变得较复杂，难以看懂，个人觉得不太可行。
2. 合并JavaScript和Css文件
一个script标签或者link标签也会向服务器发起一次请求，所以必须减少页面中引用外部文件的次数。一般来说，一个页面配一个JS和一个CSS。
3. 避免重定向
重定向也会发出Http请求。
二、 使用内容发布网络
该系统会自动选取与用户最近的服务器。
三、 使用缓存
1. 指定Expire头
给组件使用Expire指定使用缓存
也可以使用Cache-Control：max-age=315360000代替
2. 使用外置的Js和Css文件
内置的js和css通常不会被缓存。
四、 压缩组件
将代码进行精简。有其是Js代码
主要方法有，将空格删除，将较长变量名用v_1、v_2之类代替
工具：gzip
五、 将CSS文件放在顶部
这样可以使得页面逐步加载呈现，增强用户体验，防止白屏。
六、 将JavaScript文件放在底部
防止下载脚本阻塞了页面显示。
JavDroider's Blog 欢迎批评建议~~
网络营销策划模板外贸行业网站建设策划舆情处理在人线一二区免费河北建设集团有限公司招标网站开发一款系统软件费用湖南网站优化外包小区宽带营销推广方案家庭无线网络建设方案天津搜索引擎专业开发网站的流程网站应该如何设计建设官网兴田德润在哪里市场营销策略的重要性h5落地页制作免费软件制作qq拉手做单平台汉中市建设工程招投标网设计网站的三要素宝安中心到深圳北站多少时间微信小程序商城需要什么资质急切网在线制作 图片html css网页模板下载基础建设项目包括哪些项目专业电脑评测网站集团网站建设详细教程慈利网页定制湖南省住建厅十大热门网络游戏oa管理系统项目描述网络美工设计培训