网站打开速度较慢优化
cc于2012-10-18 21:15:52
网站打开较慢有两方面因素：
1、网站自身原因，这部分原因可以通过页面优化以及相应设置予以改善。
2、网络运营商自身原因或网站服务器提供商的原因，在排除非自身网站问题后，通过运营商之间的对比，以及网站间对比去及时发现服务提供商的问题。
具体如下：
一、连接网络：在页面打开过程中，连接请求次数越少，打开速度越快。
| 可能的问题 | 建议 |
| 某些页面仅有一个资源 | 合并域名，将此资源合并到其他网页中，比如该页面仅1张图片 |
| 页面存在重定向 | 取消重定向，多一次重定向，意味着多请求一次 |
| 某些页面存在多个JS | 合并JS，相同域名下的JS尽可能合并，减少请求次数 |
| 页面安装的网站分析JS过多 | 保留打开速度快的统计代码，其他清除 |
| 存在多个CSS文件 | 合并CSS，相同域名下的CSS尽可能合并，减少请求次数 |
| 静态资源未设置客户端缓存 | 缓存静态资源，变化很少的静态资源可以设置客户端缓存，减少请求 |
| 存在多个完全相同的静态资源 | 合并静态资源，归为同一个URL，减少网络连接次数 |
| 存在错误链接 | 去除错误链接、空链接 |
| 页面内使用的背景图片过多 | 采用CSS Sprite技术，减少请求次数 |
二、下载页面：指在页面打开的过程中，浏览器需要向服务器请求发回网页，网站速度受到网页大小等的影响，发回的页面体积越小（即需传输的字节越少），网站速度越快 。
| 可能的问题 | 建议 |
| 未启用GZIP | 启用GZIP，通过这种压缩技术，可以减少传输字节 |
| 未压缩网页中的元素 | 压缩元素，如JS、CSS等文件中的不必要字符，图片压缩等 |
三、打开页面：指用户浏览器打开页面的过程，此过程的消耗时间受页面内容大小、设计等的影响。
| 可能的问题 | 建议 |
| CSS说明也现在<body>之后 | 将CSS调整至<head>中，必免导致页面重新渲染 |
| JS不是放在页面最后 | 将JS调整至页面最后</body>前，可以加快页面打开速度 |
| 图片大小未定义 | 图片大小声明，未定义大小的图片页面需要重新渲染而降低打开速度 |
| 字符集未定义 | 字符集声明，如果<head>内未定义字符集，将增加页面渲染次数 |
四、具体调整：
1、怎么调整CSS位置？
将已发现的CSS（如：<style> body{margin:30px auto; }<style>）移至</head>前。
2、怎么调整JS位置？
将已发现的JS（如：<script>…</script>）移至页面最后，</body>前。
3、怎么样定位图片大小？
如： <img src="img.jpg" width="200" height="200" />；
4、如何定义<head>部分字符集？
通过给charset赋值进行设定，比如
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5、其它具体调整方案请自行查询。
感谢阅读！发表下看法？