码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-10-09 12:14:32      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:合并   under   com   das   解决   请求头   工程师   表达式   资源   

 

性能和效率

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

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请求头

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

标签:合并   under   com   das   解决   请求头   工程师   表达式   资源   

原文地址:https://www.cnblogs.com/yuanjili666/p/11640666.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!