zoukankan      html  css  js  c++  java
  • 前端性能优化其他优化方案

    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)

  • 相关阅读:
    sl学习
    xc笔记
    1_2_3_4_5 Html-Css
    linux服务器架设--学习笔记
    注解学习
    关于ruby gem源更新安装问题
    css3:2D与3D变形
    css3关键帧动画以及兼容性策略
    css3背景,蒙版,倒影以及过度
    阴影边框以及渐变
  • 原文地址:https://www.cnblogs.com/MarsPGY/p/15782330.html
Copyright © 2011-2022 走看看