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

Web前端性能优化

作者: 四号公园_2016 | 来源:发表于2017-03-29 17:49 被阅读0次

1.减少页面请求和请求内容量

每次请求都需要再客户端/服务器启动独立线程去处理,开销贵;
解决方案:合并css,合并javascript,合并图片来实现减少http请求的数目;合并图片的主要方法有css Image sprites,内联图片,iconFont这3种.请求资源的内容越大,和服务器端连接的时间就越长,生产环境要用被压缩的js和css资源以提高响应速度

2.动静页面分离

把js,css这样的静态资源部署在专门的集群中,页面模板里面通过不同域名引用

3.动态页面静态化

动态内容访问量大,更新不频繁,可以将其生成一个静态页面.利用静态页面的优化手段加速用户访问.比如浏览器缓存,cdn等.静态化之后可以有效减轻应用服务器的压力
豆瓣年度榜单是一个静态页面,数据靠js来实现.(直接出html框架,js自执行函数去取数据渲染页面)

相关文章

  • 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/gikyottx.html