下面说一下优化中应该注意的几个要素:
1)减少一个页面访问所产生的http连接次数。一、尽量简洁的页面设计,最大程度减少图片的使用,通过放弃一些不必要的页面特效来减少javascript的使用;二、使用一些优化技巧,比如利用图片的背景位移减少图片的个数,image map技术;三、使用Inline images将css图片捆绑到网页中。尽量合并js和css文件,减少独立文件个数。
2)将CSS放在页面顶端,JS文件放在页面底端。CSS的引用要放在html的头部header中,JS文件引用尽量放在页面底端标签的后面,主要的思路是让核心的页面内容尽早显示出来。不过要注意,一些大量使用js的页面,可能有一些js文件放在底端会引起一些难以预料的问题,根据实际情况适当运用即可。
3)使JS文件内容最小化。具体来说就是使用一些javascript压缩工具对js脚本进行压缩,去除其中的空白字符、注释,最小化变量名等。在使用gzip压缩的基础上,对js内容的压缩能够将性能再提高5%。
4)尽量减少外部脚本的使用,减少DNS查询时间。不要在网页中引用太多的外部脚本,首先,一次dns的解析过程会消耗20-120毫秒的时间;其次,如果在页面中引用太多的外部文件(如各种广告、联盟等代码),可能会因为外部文件的响应速度而将你的网站拖得很慢。如果不得不用,那么就尽量将这些脚本放在页脚吧,不过浏览器一般只能并行处理同一域名下的两个请求,而对于不同子的域名则不受此限制,因此适当将本站静态内容(css,js)放在其他的子域名下(如flash.in83.com)会有利于提高浏览器并行下载网页内容的能力。
本文由 www.in83.com 提供 作者:Roy.chen。