【前端工程师】 性能和效率 优化的问题

 

性能和效率

一、 你平时如何评测你写的前端代码的性能和效率。

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

三、 怎么保证多人开发进行内存泄漏的检查（内存分析 工具）

1) 使用xcode里面的Analyze进行静态分析

build setting ----》 automa ----》 mrc环境

product ----》 analyze ----》command + R

2) 为避免不必要的麻烦，多人开发的时候尽量使用 ARC

内存泄露：

参考：http://blog.csdn.net/panda_bear/article/details/8009421

四、 前后端性能如何调优？

1. 减少http请求数

2. 使用内容分布式网络

3.给头部添加—个失效期或者Cache—Control

4. Gzip压缩组件

5. 把样式表放在前面

6. 把脚本放在最后

7. 不使用CSS表达式

8. 使用外部的JavaScript和CSS

9. 减少DNS的查询

10. 缩小JavaScript和CSS

参考：http://blog.csdn.net/sonta/article/details/44454787

五、 浏览器http请求过多怎么解决？

(1) 合并JS、CSS文件

(2) 合并图片csssprite

(3) 使用 Imagemaps

(4) data嵌入图片：如base64

使用CDN，减少http请求头