• 前端性能优化其他优化方案


    1、PND到 iconfont,然后再到SVG解决移动端图标。

    2、使用Flexbox优化布局,相比传统table或浮动布局,性能会更高。

    3、优化资源加载的顺序,使用preload,prefetch调整浏览器加载资源的优先级。

      preload:提前加载较晚出现,但对当前页面非常重要的资源,优先级比较高

      prefetch:提前加载后面要用的资源,只在浏览器空闲的时候进行提前加载,优先级比较低

    4、预渲染页面,类似于SSR技术,打包的时候就已经将页面渲染好了。react-snap这个依赖可以实现,不仅可以在react上使用,在vue上也可以使用。

      实现原理是打包的单页应用之后启用服务,然后爬取编译后的完整页面,最终生成静态页面到打包文件中。

      SSR的主要问题:牺牲TTFB来补救First Paint,实现复杂

    5、Windowing(窗口化)提高列表性能,即虚拟表格,只渲染看到的内容。

    6、使用骨架组件减少布局移动(Layout Shift)

  • 相关阅读:
    给域名添加解析
    MATLAB c/c++调用matlab<dll>
    MATLAB 矩阵生成有向网络图
    MATLAB 矩阵生成无向网络图
    MATLAB RGB2YCbCr、YCbCr2RGB
    MATLAB RGB2YUV、YUV2RGB
    MATLAB 直方图匹配
    MATLAB 双边滤波
    MATLAB 区域填充算法,队列版
    MATLAB 二值图像连通区域标记法,两步法
  • 原文地址:https://www.cnblogs.com/MarsPGY/p/15782330.html
Copyright © 2020-2023  润新知