浅谈前端性能优化的抓手点

2023-05-31 0 260

后端操控性强化就我对个人实战经验而言能分五个方面进行:文本、互联网统计数据传输、dom图形、和最此基础的标识符微观。

文本微观

使用CDN单搜索引擎与多搜索引擎取舍:单搜索引擎能减少DNS搜寻单次,多搜索引擎能减少应用程序博戈达浏览数目。一般而言同一域下千万别超过五个天然资源防止链接、404

互联网微观

在互联网微观上能假设互联网速率维持不变,通过减少统计数据传输文本的表面积、高低、和统计数据传输最佳时机来大力推进赢得网页的图形结论。

过webpack装箱来同时实现减少cookie大小不一文档分拆、css希伯尼安斯图文档预读取、相片懒读取

图形微观

图形微观是归属于应用程序另一侧的,我们须要特别注意动态天然资源的读取最佳时机,css放顶端、js放顶部。除此之外还须要减少reflow(外流)和repaint(重画)和减少dom结点。图形微观的强化情景一般而言是长条目强化。服务器端回到大批统计数据,后端如果间接图形会导致网页雅雷。一般而言的化解形式就是交互式dom,懒读取。须建这三种方式后,就须要借助到外流、重画、减少dom结点这四个准则了。你能假设一个井字网页最多能显示10条统计数据,你能维持这10个结点结点维持不变,在使用者慢速的时候排序慢速率,接着排序代替其中一小部分结点的文本。

标识符微观

内存dom结点,减少结点搜寻、css示例层次强化减少dom结点操作方式该事件H55N及时处理去除

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务