美文网首页
BS端程序前端性能优化建议

BS端程序前端性能优化建议

作者: day_day_up | 来源:发表于2017-04-20 16:49 被阅读0次
1.图片资源的大小问题。
1_7SLV_OO%VO@C`3}NY}NQ7.png
  • 如上截图 bg2.jpg 大到1.6m。。 还有map.gif,next_bg,jpg 404
  • 图片压缩到合适大小,清晰度。为不同设备准备不同分辨率的图片。

PNGGauntlet 图片压缩工具

  • 静态资源返回404浪费带宽,可能会拖延页面的渲染时间。
2.js,css文件的压缩处理

JSCompress css js压缩
![M43$C7R434(R]O61T$MDYCJ.png](https://img.haomeiwen.com/i3402722/b7fb2a52f3111115.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

3.CDN(内容分发网络)

可以考虑下,把一些静态资源cdn化。CDN的优点

4.Iframe的大量使用

iframe比较占用资源,大量使用导致页面卡顿。

  • 因为iframe嵌入导致相同资源的重复请求。
  • 可以换成div,里面通过ajax请求到各个栏目数据。


    5$Y1K7H)}6X%`9WLO@{Z%_I.png

5.页面全是table布局结构太乱
  • 这块修改成本高,html冗余太多。结构复杂。

相关文章

  • BS端程序前端性能优化建议

    1.图片资源的大小问题。 如上截图 bg2.jpg 大到1.6m。。 还有map.gif,next_bg,jpg ...

  • 前端性能优化(中)

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

  • 前端性能优化(下)

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

  • 前端性能优化(上)

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

  • 性能优化

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

  • 前端面试必问及加分点---性能优化篇

    如何进行网站性能优化 你有用过哪些前端性能优化的方法? 谈谈性能优化问题 代码层面的优化 前端性能优化最佳实践

  • H5性能优化

    移动端HTML5页面前端性能优化。如何优化HTML5在移动设置上的性能表现,首先需要明确以下几个原则:1、PC优化...

  • 大型网站技术架构-瞬时响应高性能架构-网站性能测试

    1、不同视角下的网站性能 1)用户视角的网站性能: 使用前端架构优化手段:优化页面HTML样式、利用浏览器端的并发...

  • 前端性能优化

    对于前端的性能优化,主要有分为加载优化和性能优化。在Google官方文档中,给出了性能优化有哪些好处。前端优化的最...

  • 服务器软件性能优化

    本文介绍了服务器程序性能优化的一般性方法,以及部分常见服务器程序的性能优化步骤。服务器程序指的是接收客户端程序请求...

网友评论

      本文标题:BS端程序前端性能优化建议

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