美文网首页
web前端性能优化

web前端性能优化

作者: vavid | 来源:发表于2018-07-17 17:13 被阅读0次

web前端性能优化:性能优化的宗旨就是让http请求数尽可能的少,并且的资源体积尽可能的小。于是就有了以下几点:
1.图片精灵,将多张图片拼接到一张上面;
2.图片压缩
3.代码压缩
以上几点可是开发可控,其次还有依赖的一些组件,本身体积是已知的,所以就有
4.使用cdn:百度cdn和阿里cdn
可以做到更快地响应给用户内容。如果某些数据不经常发现变化,则可以通过添加缓存
5.服务端node做接口缓存;客户端缓存,如cookie session localstorage sessionstorage
6.添加expires头,可做组件缓存
这样下次访问的时候,可以减少不必要的http请求,从而提高渲染速度。
此外,还可以通过代码优化
7.避免css表达式
8.避免重定向
9.精简代码
10.使用高效的语法

相关文章

  • Web前端性能优化,应该怎么做?

    想要成为一名合格的Web前端工程师,Web前端性能优化是一个必须要掌握的知识,那么应该怎么进行Web前端性能优化呢...

  • 前端性能优化(中)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(上)...

  • 前端性能优化(下)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 《前端性能优化(中)...

  • 前端性能优化

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 前端性能 优化 大全

    js性能小贴士——优化循环 前端网页与js性能优化 我总结的js性能优化的小知识 提高 web 应用性能之 Jav...

  • 前端性能优化(2)

    一.上文回顾 上回我们主要从图片的合并、压缩等方面介绍前端性能优化问题(详见Java Web 前端高性能优化(一)...

  • Java Web 前端高性能优化(二)

    一.上文回顾 上回我们主要从图片的合并、压缩等方面介绍前端性能优化问题(详见Java Web 前端高性能优化(一)...

  • 性能优化

    +WEB前端性能优化:HTML,CSS,JS和服务器端优化对前端开发工程师来说,前端性能优化的重要性是不言而喻的,...

  • 前端性能优化(上)

    性能优化调研系列文章 《前端性能优化(上)》 《前端性能优化(中)》 《前端性能优化(下)》 为什么要进行前端性能...

  • Web前端知识分享:3个优化Web性能的小技巧

    Web性能优化重不重要?相信每一个从事Web前端开发的人都会回答重要,毕竟Web性能优化好的网站可以给用户带来更好...

网友评论

      本文标题:web前端性能优化

      本文链接:https://www.haomeiwen.com/subject/hfsgpftx.html