性能和效率
# 一、你平时如何评测你写的前端代码的性能和效率。
ChromeDevTools的Timeline:是用来排查应用性能瓶颈的最佳工具。 ChromeDevTools的Audits:对页面性能进行检测,根据测试的结果进行优化。 第三方工具Yslow。 详细参见: http://www.cnblogs.com/—simon/p/5883336.html http://blog.csdn.net/ivan0609/artide/details/45508365 http://www.wtoutiao.com/p/1305TZW.html
# 二、如何优化页面,加快页面的加载速度(至少5条)
(1) 优化图片资源的格式和大小 (2) 开启网络压缩 (3) 使用浏览器缓存 (4) 减少重定向请求 (5) 使用CDN存储静态资源 (6) 减少DNS查询次数 (7) 压缩css和js内容 详细参见:http://www.mahaixiang.cn/wyzz/1589.html
# 三、怎么保证多人开发进行内存泄漏的检查(内存分析 工具)
- 使用xcode里面的Analyze进行静态分析 build setting ----》 automa ----》 mrc环境 product ----》 analyze ----》command + R
- 为避免不必要的麻烦,多人开发的时候尽量使用 ARC 内存泄露: 参考:http://blog.csdn.net/panda_bear/article/details/8009421
# 四、前后端性能如何调优?
- 减少http请求数
- 使用内容分布式网络 3.给头部添加—个失效期或者Cache—Control
- Gzip压缩组件
- 把样式表放在前面
- 把脚本放在最后
- 不使用CSS表达式
- 使用外部的JavaScript和CSS
- 减少DNS的查询
- 缩小JavaScript和CSS 参考:http://blog.csdn.net/sonta/article/details/44454787
# 五、浏览器http请求过多怎么解决?
(1) 合并JS、CSS文件
(2) 合并图片csssprite
(3) 使用 Imagemaps
(4) data嵌入图片:如base64
(5) 使用CDN,减少http请求头
在GitHub上编辑 (opens new window)
上次更新: 4/27/2021, 11:18:01 AM