zoukankan      html  css  js  c++  java
  • 前端性能优化-基础认知

    最最好,最重要的是把你所学运用到工作中去!

    基础:1.本地存储 2.后端逻辑

    DNS寻址以及IP解析
    访问 Network 下的 Headers -> Remote Address 一样可以访问本站

    WebServer 背后的事

    性能优化包括前端、后端、网络以及硬件机器

    页面渲染流程
    HTML页面请求
    浏览器的js引擎

    尽量减少页面的reflow
    防止js绘制dom节点阻塞其他标签的解析甚至下载,比如 document.write

    浏览器的JS引擎

    WebPageTest 分析网络性能

    性能优化:Yahoo军规

    技术优化出发点

    写成可复用的模块


    加载方式(提升用户体验):
    1. 同步加载
    都加载完才能展示给用户想看的。
    可能很少的tcp连接就能完成页面的加载

    2. 分级加载
    同步加载和异步加载相结合
    先给用户加载重要的信息比如logo/核心功能,后面加载不重要的

    3. 按需加载
    用户不触发该功能我们就不加载
    用户不触发该功能,但是带宽闲置,或者页面的主要元素都加载完了

    重要的东西同步加载,不重要的东西异步加载

    bigpipe的缺点:
    异步请求较多
    seo引擎较难抓取
    模块之间相互通信引用
    模块引擎重复渲染


    技术术语:
    1. 首屏加载时间(不滑动)
    2. 白屏时间
    3. 可操时间
    4. 连通率

    产品术语:
    1. pv一次访问一次pv
    2. uv多次访问同一个人一次uv
    3. day日活跃用户数量
    4. MAU月活跃用户人数
    5. 跳出率(跳出时间留下来的人/pv)

  • 相关阅读:
    Django_Setings
    python之event【事件】
    python之递归锁【Rlock】
    python之信号量【Semaphore】
    python的线程锁
    python的多线程和守护线程
    python的错误类型和异常处理
    python之ftp作业【还未完成】
    python之socket运用之传输大文件
    python之socket运用之执行命令
  • 原文地址:https://www.cnblogs.com/lqcdsns/p/5618733.html
Copyright © 2011-2022 走看看