Web 性能优化:理解及使用 JavaScript 缓存

Posted 大迁世界

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Web 性能优化:理解及使用 JavaScript 缓存相关的知识,希望对你有一定的参考价值。


随着我们的应用程序的不断增长并开始进行复杂的计算时,对速度的需求越来越高,所以流程的优化变得必不可少。 当我们忽略这个问题时,我们最终的程序需要花费大量时间并在执行期间消耗大量的系统资源。


缓存是一种优化技术,通过存储开销大的函数执行的结果,并在相同的输入再次出现时返回已缓存的结果,从而加快应用程序的速度。


如果这对你没有多大意义,那没关系。 本文深入解释了为什么需要进行缓存,缓存是什么,如何实现以及何时应该使用缓存。



什么是缓存


缓存是一种优化技术,通过存储开销大的函数执行的结果,并在相同的输入再次出现时返回已缓存的结果,从而加快应用程序的速度。


在这一点上,我们很清楚,缓存的目的是减少执行“昂贵的函数调用”所花费的时间和资源。


什么是昂贵的函数调用? 别搞混了,我们不是在这里花钱。在计算机程序的上下文中,我们拥有的两种主要资源是时间和内存。因此,一个昂贵的函数调用是指一个函数调用中,由于计算量大,在执行过程中大量占用了计算机的资源和时间。


然而,就像对待金钱一样,我们需要节约。为此,使用缓存来存储函数调用的结果,以便在将来的时间内快速方便地访问。


缓存只是一个临时的数据存储,它保存数据,以便将来对该数据的请求能够更快地得到处理。


因此,当一个昂贵的函数被调用一次时,结果被存储在缓存中,这样,每当在应用程序中再次调用该函数时,结果就会从缓存中非常快速地取出,而不需要重新进行任何计算。



为什么缓存很重要?


下面是一个实例,说明了缓存的重要性:


想象一下,你正在公园里读一本封面很吸引人的新小说。每次一个人经过,他们都会被封面吸引,所以他们会问书名和作者。第一次被问到这个问题的时候,你翻开书,读出书名和作者的名字。现在越来越多的人来这里问同样的问题。你是一个很好的人

以上是关于Web 性能优化:理解及使用 JavaScript 缓存的主要内容,如果未能解决你的问题,请参考以下文章

理解 Virtual DOM(摘)及评价

web性能优化—— 打包构建优化

深入理解-事件委托

高性能网站建设进阶指南:Web开发者性能优化最佳实践 pdf扫描版

web性能优化之浏览器网页渲染原理

web性能测试及优化