WEB前端性能优化 快速提高页面渲染速度

WEB前端性能优化-快速提高页面渲染速度。

一、前端优化

1、前端架构优化,动静分离,静态资源(html、js、img、css)等由静态服务器快速渲染,比如nginx,nginx的I/O能力比较的强,对于静态资源渲染可以直接response到客户端,无须代理请求至应用服务器进行资源加载,且进一步降低大量请求对于应用服务器的冲击。

2、资源压缩,压缩 CSS、JS 、IMG;

对于css,js可以从文件中去掉多余的字符。比如缩进和换行符;

对于图片采取50%的压缩比或者满足业务要求的前提下,其它的压缩比进行资源压缩。

WEB前端性能优化 快速提高页面渲染速度-1
3、减少请求

决定页面渲染速度有两个决定性因素,1)请求次数,2)网络请求时间成本。对于页面中的请求数,特别是静态资源的过多的请求,可通过合并,压缩等方式减少请求数量。亦可通过设置Expires头,可以使组件被缓存,下次访问的时候,就可以减少不必要的HTPP请求,从而提高加载速度。

4、缩短网络请求时间周期

特别是动态数据的提取,前端渲染可采取异步加载模式,且通过缓存形式快速完成数据提取。

5、使用CDN

CDN 是一种缓存方法,可极大改善资源的分发时间,同时,它还能实现一些其他的缓存技术,如,利用浏览器缓存。合理地设置浏览器缓存,能让浏览器自动存储某些文件,以便加快传输速度。

二、应用能力优化

1、一级缓存构建

在当前应用服务器中开辟内存空间,放置静态数据至该内存空间中,并且可以避免高频繁的与二级缓存或者db之间的网络交换。

2、二级缓存构建

不经常变动的大量静态数据可采取置入二级缓存服务器,降低高并发下对于db的压力;构建二级缓存服务,如redismemcache等,且通过代理实现二级缓存服务集群,避免单点故障问题,且避免数据不同步的问题。

对于不存在于二级缓存又不存在于db中的信息所对应的key应及时置为不可用,避免缓存穿刺及雪崩。

(0)
上一篇 2022年3月18日 08:55:03
下一篇 2022年3月20日 09:01:42

相关推荐

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2466060800@qq.com 举报,一经查实,本站将立刻删除。