性能优化(八) - 前台程序

本文探讨了提升网页性能的五大策略:减少HTTP请求、使用浏览器缓存、启用压缩、优化CSS和JS位置以及减少cookie传输。通过实施这些建议,可以显著改善用户体验并提高网站效率。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一. 优化思路

1、减少HTTP请求的次数

http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路,进行数据传输,而在服务器端,每个http都需要启动独立的线程去处理。这些通信和服务的开销都很昂贵,减少http请求的数目可有效提高访问性能。

(1) 合并Javascript/CSS/图片以减少请求次数

(2) 合并前台请求次数成一次操作


2、使用浏览器缓存

对于一个网站而言,css、js、图标等静态资源文件更新的频率都比较低,而这些文件几乎是每次http请求都需要的,如果将这些文件缓存在浏览器中,可以极好地改善性能。通过设置http头中Cache-Control和Expires的属性,可设定浏览器缓存,缓存时间可以是几天,甚至是几个月


3、 启用压缩

在服务器端对文件进行压缩,在浏览器端对文件解压缩,可有效减少通信传输的数据量(GZip). 但是压缩对服务器和浏览器都会产生一定的压力,在通信带宽良好,而服务器资源不足的情况下要权衡考虑。

 

4、css放在页面最上面、js放在页面最下面

浏览器会在下载全部css之后对整个页面选软,因此最好的做法是将css放在页面最上面,让浏览器尽快下载css。

js则相反,浏览器在加载js后立刻执行,有可能会阻塞整个页面,造成页面显示缓慢,因此js最好放在页面最下面。但如果页面解析时需要用到js,这时放在底部就不合适了。


5、减少cookie传输

cookie包含在每次请求和响应中,太大的cookie会严重影响数据传输


参考资料: http://chenjc-it.iteye.com/blog/1565141

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值