150-1924-0507

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

2020年06月22日 10:27  千赋科技 

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

  一、前端优化

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

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

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

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

  3、减少请求

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

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

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

  5、使用CDN

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

  二、应用能力优化

  1、一级缓存构建

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

  2、二级缓存构建

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

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


标签 :前端
上一篇 可视化建站平台有哪些?推荐一个
下一篇 企业网站建设1万元贵吗?

声明:本文内容由深圳市千赋科技有限公司原创或者通过网络收集编辑所得,所有资料仅供用户参考;对收集的资料本站不拥有所有权,也不承担相关法律责任。如您认为本网页中有涉嫌侵权的内容,请及时与我们联系,并提供相关证据,工作人员会在5个工作日内联系您,一经查实,本站将立刻删除涉嫌侵权内容。

相关文章 Related articles
服务热线

150-1924-0507

网站建设公司 www.me345.com 粤ICP备15080528号-1

Copyright© 2008-2019 深圳市千赋科技有限公司 版权所有