提高网站(web应用)访问速度的几点建议(前端)

来源:互联网 发布:跆拳道教学软件 编辑:程序博客网 时间:2024/05/16 19:04

一、尽可能的减小网页的体积,如:不要使用太大的Flash动 画、图片等资源,去除重复的、无用的、冗余的css样式js代码,去除注释等等。

二、动态页面静态化,如果不是必需的那么尽量使用静态的html页面代替jsp等动态页面,可以分离jsp的动态部分以json数据或外部js的形式添加到静态html页面中去。json和js应该在服务器内容有更新时候再进行更新。

三、避免使用table布局,体积大的内容尽量不要放入到table中去。

四、如果我们的网页中有其它网站的页面例如广告页面,那么使用iframe嵌套另一页面可以避免影响我们网站的速度。

五、分离出图片服务器以专门处理图片或其它附件,避免影响业务服务器的性能,并且可以设置与业务服务器不同的缓存策略,比如某些图片设置缓存很长时间而不过期。

六、如果我们的网站引用了其它网站的图片,但是显示速度不够快的话必要的话可以考虑把该图片下载到自己的图片服务器。

七、减少请求的次数,每次请求都会增加开销,减少请求次数的做法有:合并css、js到网页内部,充分利用css的background-position 可以将网页内的琐碎的图标、小图片、背景图等合并成一张图片,这样一次请求图片后通过background-position获取自己的图片部分。

八、合理设置Cache-Control和Expires。

九、所有的文本内容都应该被gzip压缩: html (PHP), js, css, xml, txt…传输完毕后浏览器会重新对压缩过的内容进行解压缩,并执行。

十。将css放在页面最上面 ,css加载完毕后浏览器才会开始进行渲染,所以一定要先让css加载完毕。

十一、script应该放在页面最下面,因为脚本的运行会影响里蓝器的渲染,所以应该把脚本放在文档最后运行,这样也可以更好的取到页面元素。

十二、如果css、js文件做缓存的话,就把页面css和js提取到外部文件作引用,这样在其它页面同样使用此css或js的时候就会利用共享的缓存资源。

十三、在网站发布的时候要对css、js文件进行压缩,利用在线压缩工具如http://dean.edwards.name/packer/对其进行压缩可以大幅减小体积。如果我们使用了第三方的库文件如jQuery、extjs等等,一定要引用其压缩版本以提高加载速度。

十四、重定向功能虽好,但会延长客户端请求资源的时间,应该减少服务器端的重定向。

十五、配置实体标签(ETags) (Configure ETags )

另外如果感觉自己网站的速度还不够理想可以考虑服务器端的优化,比如服务器集群、数据库集群、缓存、镜像、负载均衡等等方面的东西。

注:部分资源源于网络。

原创粉丝点击