大型网站性能优化(页面(HTML)优化的方法)

页面(HTML)优化的方法

 

除了语言层面上进行优化外，对Web开发，HTML的优化将很大程度上减轻服务器的负载，提升网站的性能

 

1）. 减小HTTP请求数。
打开网页，浏览器会发出不少请求，图片，脚本，每一个对象的加载都须要花时间， 须要减负载。
1. 合并CSS,Js文件 ，减小Http的请求数
2. 合并框架图片以及至关变更较少的图片，合成一张。有时直接用Css完成。
3. 合理的使用本地的Cached来缓存 js/css/image

 

2）. 减小被请求文件的大小，较少请求数据占用的网络带宽。
1. 压缩Js体积， 删除没有空行，注释，变量名。 大型的Js很乱，没有空行或换行，其实也是优化的表现
2. 压缩CSS体积
3. 用XHtml + Css 方式搭建网站结构，提升CSS的重用性
4. 用服务端GZip压缩JS/Css 文件， 缩小传输文件大小(16.7.2)

 

3）. 经过版本化控制客户端的缓存
1. 一般JS/CSS这类文件改动比较频繁，为加载加快，可能要设置这类文件的过时时间，为几天后从而实现缓存，那咱们的问题就是如何及时的更改这些被缓存的文件了。
2. 经过修改JS版原本及时告诉浏览器， 如： 该JS文件名，路径， URL Rewrite，大版本不变，小版本不断追加，等必定时间后统一更新

 

4）. 帮页面减肥 。简洁风格，少用Flash等
5）. 删除页眉无关紧要的内容。 如空格，注释
6). 删除页面代码中的空语句
7). 删除HTMl中的默认值，什么颜色，对齐之类的
8. 优化CSS文件
9. Visibility 快于Display
  图片的时隐时现，若是是保持决定位置，用Visibility 好。  none,hidden  . visibility: hindden
10. 缓存区是区分大小写的，保持url大小写一致性
11. 让html标记有始终。 减小浏览器的判断时间
12. 不用将所有内容塞入一个Table中。  由于Talbe要等内容加载完毕才显示出来。若是某些内容有错，将拖延页面的访问速度。
13. 若是有广告代码，放入iframe中最好了。 <iframe src="http://www.XXX.com " marginwidth="0" marginheight="0" leftMargin="0" topMargin="0" frameborder="0" scrolling="no"></frame>
14. 把Javascript移到HTML文件末尾
15. JS会阻塞后面的页面的显示。
16. 友情连接的学问， 尽可能用文字。
17. 优化图片。 Gif图片比较少，通常作Logo,按钮，表情。 PNG，作透明背景比较多
18. 网址后面加入一个反斜杠. www.maticsoft.com/220/ ，让服务器当即知道访问的是个文件夹。
19. 指定图片的大小，让浏览器一目了然。