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


    性能和效率

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

    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:站在巨人的肩膀上看世界会清晰)。 如果说方向,当今世人还不清晰准确。那么就大胆往前走吧,对与错并不重要。心中的方向更加重要。
  • 相关阅读:
    Vue项目使用路由和elementUI
    Vue-cli组件化开发
    vue实现数据请求
    element-e作业
    vue入门
    BBS(仿博客园小作业)
    Django-Auth模块
    Django中间件
    cookie和session
    forms组件和自定义分页器
  • 原文地址:https://www.cnblogs.com/yuanjili666/p/11640666.html
Copyright © 2020-2023  润新知