大型网站技术要点

一、浏览器访问优化
1、减少http 请求: 主要手段是合并CSS、合并JavaScript、合并图片,浏览器就只需要一次请求,。图片也可以合并,多张图片合并成一张,如果每张图片都有不同的超链接,可通过CSS 偏移响应鼠标点击操作,构造不同的URL。
2.使用浏览器缓存:CSS、JavaScript、Logo、图标这些静态资源文件更新的频率都比较低,通过设置HTTP 头中Cache-Control 和Expires 的属性,可设定浏览器缓存,缓存时间可以是数天,甚至是几个月。
3.当静态缓存资源需要变化时:可通过改变文件名实现,即更新JavaScript 文件并不是更新JavaScript 文件内容,而是生成一个新的JS 文件并更新HTML文件中的引用。
4、使用浏览器缓存策略的网站在更新静态资源时,应采用批量更新的方法,比如需要更新10 个图标文件,不宜把10 个文件一次全部更新,而是应一个文件一个文件逐步更新,并有一定的间隔时间,以免用户浏览器突然大量缓存失效,集中更新缓存,造成服务器负载骤增、网络堵塞的情况。
5、启用压缩:当服务器资源充足,通信带宽有限时,可以在服务器端对文件进行压缩,在浏览器端对文件解压缩,可有效减少通信传输的数据量。文本文件的压缩效率可达80%以上,因此HTML、CSS、JavaScript 文件启用GZip 压缩可达到较好的效果。
6.CSS 放在页面最上面、JavaScript 放在页面最下面:浏览器会在下载完全部CSS 之后才对整个页面进行渲染,因此最好的做法是将CSS 放在页面最上面,让浏览器尽快下载CSS。JavaScript 则相反,浏览器在加载JavaScript 后立即执行,有可能会阻塞整个页面,造成页面显示缓慢,因此JavaScript 最好放在页面最下面。但如果页面解析时就需要用
到JavaScript,这时放在底部就不合适了。
7、减少Cookie 传输
Cookie是包含在每次的请求和响应中,Cookie太大会影响每次的数据传输,所以要慎重考虑利用Cookie。另外对于静态资源的访问,如CSS、Script发送Cookie没有意义,所以可以考虑使用独立的域名访问这些资源,避免请求静态资源是发送Cookie.
二、CDN加速
Content Distribute network内容分发网络,其本质也是一种缓存,是将数据缓存到离用户最近的地方。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值