博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript性能优化之避免重复工作
阅读量:7144 次
发布时间:2019-06-29

本文共 580 字,大约阅读时间需要 1 分钟。

hot3.png

    javascript最重要也最根本的性能优化标准之一是避免工作,避免工作又包括两点,第一,不做不必要的工作,第二,不做重复的已经完成的工作。第一部分可以通过代码重构完成,第二部分不做重复的工作有时候难以确定,很多工作可能因为各种原因不可避免的被重复,但我们仍可以通过对业务和技术场景的分析减少重复工作进而提升javascript的效率。下面是web前端开发中经常用到的浏览器检测的一个示例。

浏览器检测

优化前代码示例

分析代码可知优化前代码每次调用addHandler函数都要进行浏览器的功能检测,我们可以通过以下方式进行优化

1 - 延迟加载

延迟加载函数示例

    调用延迟加载函数总是在第一次使用较长时间,因为他必须运行检测然后调用另一个函数以完成任务。但是,后续调用同一个函数将会快很多,因为不在执行检测逻辑。延迟加载适用于函数不会在页面上立即被用到的场合

2 - 条件预加载

延迟加载函数示例

       条件预加载在脚本加载之前提前进行检查,而不等待函数调用,这样做虽然仍旧只检测一次,但检测过程来的更早。条件预加载在脚本加载时进行检测,适用于一个函数马上就会被用到而且在整个页面的生命周期中反复用到的场合

 

转载于:https://my.oschina.net/zhangyq1991/blog/1860720

你可能感兴趣的文章
Bye, 2018; Hi, 2019
查看>>
谈谈super(props) 的重要性
查看>>
LeetCode22.括号生成 JavaScript
查看>>
cookie localstorage sessionStorage
查看>>
某数加密的流程与原理简析
查看>>
《前端十年心路》书稿规划
查看>>
Java虚拟机规范(目录)
查看>>
4.java数组
查看>>
阿里开发者们的第19个感悟:Simple is better.
查看>>
区块链技术进阶
查看>>
超简单七步,解决windows下安装PaddlePaddle的权限错误!
查看>>
Appium框架
查看>>
微信小程序教程系列之设置标题栏和导航栏
查看>>
Jenkins 用户文档(入门)
查看>>
轻松检测Golang并发的数据竞争
查看>>
如何处理错误消息Please install the gcc make perl packages
查看>>
写完这段代码,就被开除了……
查看>>
浅析微信支付:如何使用沙箱环境测试
查看>>
分布式系统关注点——仅需这一篇,吃透「负载均衡」
查看>>
实现文字的省略号
查看>>