Xin's blog Xin's blog
首页
  • 前端文章

    • HTML
    • CSS
    • JavaScript
    • Vue
    • 组件与插件
    • CSS扩展语言
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 《Git》学习笔记
    • TypeScript笔记
    • JS设计模式总结笔记
  • 前端框架面试题汇总
  • 基本面试题
  • 进阶面试题
  • 其它
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 前后端联调
  • mock.js
  • 奇技淫巧
  • 分类
  • 标签
  • 归档
关于
GitHub (opens new window)

Xin

英雄可不能临阵脱逃啊~
首页
  • 前端文章

    • HTML
    • CSS
    • JavaScript
    • Vue
    • 组件与插件
    • CSS扩展语言
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《JavaScript高级程序设计》笔记
    • 《ES6 教程》笔记
    • 《Vue》笔记
    • 《TypeScript 从零实现 axios》
    • 《Git》学习笔记
    • TypeScript笔记
    • JS设计模式总结笔记
  • 前端框架面试题汇总
  • 基本面试题
  • 进阶面试题
  • 其它
  • 技术文档
  • GitHub技巧
  • Nodejs
  • 博客搭建
  • 前后端联调
  • mock.js
  • 奇技淫巧
  • 分类
  • 标签
  • 归档
关于
GitHub (opens new window)
  • 前端框架面试题汇总

  • 基本面试题

  • 进阶面试题

    • NodeJS
    • 性能和效率
      • 一、你平时如何评测你写的前端代码的性能和效率。
      • 二、如何优化页面,加快页面的加载速度(至少5条)
      • 三、怎么保证多人开发进行内存泄漏的检查(内存分析 工具)
      • 四、前后端性能如何调优?
      • 五、浏览器http请求过多怎么解决?
    • 移动端布局与适配
    • Web安全
    • 混合开发
    • 架构
    • 前端工程化
    • 组件设计
    • 单元测试
  • 其它

  • 面试
  • 进阶面试题
ctrlwin
2021-03-29

性能和效率

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

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
  3. Gzip压缩组件
  4. 把样式表放在前面
  5. 把脚本放在最后
  6. 不使用CSS表达式
  7. 使用外部的JavaScript和CSS
  8. 减少DNS的查询
  9. 缩小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

← NodeJS 移动端布局与适配→

最近更新
01
createElement函数创建虚拟DOM
05-26
02
clipboard 剪切板属性
05-26
03
vue的权限管理
05-16
更多文章>
Theme by Vdoing | Copyright © 2021-2022 Xin | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×