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

性能和效率

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

ChromeDevToolsTimeline:是用来排查应用性能瓶颈的最佳工具。

ChromeDevToolsAudits:对页面性能进行检测,根据测试的结果进行优化。

第三方工具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) 压缩cssjs内容

详细参见: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. 使用外部的JavaScriptCSS

9. 减少DNS的查询

10. 缩小JavaScriptCSS

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

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

(1) 合并JS、CSS文件

(2) 合并图片csssprite

(3) 使用 Imagemaps

(4) data嵌入图片:如base64

使用CDN,减少http请求头

1、路在何方? 路在脚下 2、何去何从? 每个人都在探索,未来的方向在何处。如果说某些方向是世人已经公认的,那么就先按照公认的去走吧(ps:站在巨人的肩膀上看世界会清晰)。 如果说方向,当今世人还不清晰准确。那么就大胆往前走吧,对与错并不重要。心中的方向更加重要。
原文地址:https://www.cnblogs.com/yuanjili666/p/11640666.html