性能优化

    • 2023.05.15 | admin | 146次围观
      微信小程序性能优化汇总
      12)不使用废弃接口: 因为使用即将废弃或已废弃的接口,可能导致小程序运行不正常。一般而言,接口不会立即去掉,但保险起见,建议不要使用,避免后续小程序突然运行异常; 13)避免过大的 WXML 节点数目: 建议一个页面使用少于 1000 个 WXML 节点,节点树深度少于 30 层,子节点数不大于 60 个。一个太大的 WXML 节点树会增加内存的使用,样式重排时间也会更长; 14)避免将不可能被访问到的页面打包在小程序包里: 因为小程序的包大小会影响加载时间,所以应该尽量控...
    • 2023.05.07 | admin | 143次围观
      去掉网页中分享到代码 前端性能优化
      打包优化 使用 webpack 等打包工具实现对代码的压缩和按需加载 1、代码压缩:通过去除代码中的空格、注释、无效代码等方式来减小代码的体积,从而加快代码的加载速度。 2、按需加载:将网页应用程序拆分成多个模块,只在需要时才加载对应的模块去掉网页中分享到代码,避免一次性加载全部代码导致的网络请求过多和加载时间过长。 3、代码分割:将网页应用程序按功能拆分成多个代码块,每个代码块独立打包,尽可能复用已有的模块,以减小代码的重复加载和冗余。 4、Tree-shaking:通过静...
    • 2023.04.12 | admin | 244次围观
      浏览器渲染原理及性能优化
      内容导读 呈现树构建完毕之后,进入“布局”处理阶段,也就是为每个节点分配一个应出现在屏幕上的确切坐标。语法分析:浏览器中的 解析器 负责根据语言的语法规则分析文档的结构,从而构建解析树, HTML 的定义采用了 ==DTD== 格式。下面这段 WebKit 代码描述了根据 display 属性的不同,针对同一个 DOM 节点应创建什么类型的呈现器。HTML 采用基于流的布局模型,这意味着大多数情况下只要一次遍历就能计算出几何信息。但是,浏览器已经很智能了,会尽量把所有的变动集...
    1