xiaozhi的博客

https://www.niwoxuexi.com/blog/user/148

  • 6.Web 性能优化:Preload,Prefetch的使用及在 Chrome 中的优先级

    今天,我们将深入研究Chrome 的网络栈,以明确 web 加载原语(如<link rel= preload >&<link rel= prefetch >) 背后的工作原理,以便你能够更有效地使用它们。如其他文章所述,preload是一个声明式fetch,可以强制浏览器在不阻塞document的onload事件的情况下请求资源。Prefetch告诉浏览器这个资源将 ...

    • 更新时间: 2019-09-04 08:12
    2133浏览
    0推荐
    0评论
  • 5.Web 性能优化:理解及使用 JavaScript 缓存

    随着我们的应用程序的不断增长并开始进行复杂的计算时,对速度的需求越来越高(????️),所以流程的优化变得必不可少。 当我们忽略这个问题时,我们最终的程序需要花费大量时间并在执行期间消耗大量的系统资源。缓存是一种优化技术,通过存储开销大的函数执行的结果,并在相同的输入再次出现时返回已缓存的结果,从而加快应用程序的速度。如果这对你没有多大意义,那没关系。 本文深入解释了为什么需要进行缓存,缓存是什么,如何 ...

    • 更新时间: 2019-09-04 08:11
    1910浏览
    0推荐
    0评论
  • 4.Web 性能优化:21种优化CSS和加快网站速度的方法

    CSS 必须通过一个相对复杂的管道,就像 HTML 和 JavaScript一样,浏览器必须从服务器下载文件,然后进行解析并将其应用于DOM。由于优化程度极高,这个过程通常非常快——对于不基于框架的小型 web 项目,CSS通常只占总资源消耗的一小部分。框架打破了这种平衡。包括一个 JavaScript GUI 堆栈,如 jQuery UI,可以观察 CSS, JS 和 HTML大小逐渐的变大。通 ...

    • 更新时间: 2019-09-04 08:04
    1954浏览
    0推荐
    0评论
  • 3.Web 性能优化:缓存 React 事件来提高性能

    JavaScript中一个不被重视的概念是对象和函数是如何引用的,并且直接影响 React性能。 如果创建两个完全相同的函数,它们仍然不相等,试试下面的例子:constfunctionOne=function(){alert('Helloworld!');}; constfunctionTwo=function(){alert('Helloworld!');}; ...

    • 更新时间: 2019-09-04 08:03
    1630浏览
    0推荐
    0评论
  • 1.Web 性能优化: 使用 Webpack 分离数据的正确方法

    制定向用户提供文件的最佳方式可能是一项棘手的工作。 有很多不同的场景,不同的技术,不同的术语。在这篇文章中,我希望给你所有你需要的东西,这样你就可以:了解哪种文件分割策略最适合你的网站和用户知道怎么做根据Webpack glossary,有两种不同类型的文件分割。 这些术语听起来可以互换,但显然不是。Webpack 文件分离包括两个部分,一个是 Bundle splitting,一个是 Code ...

    • 更新时间: 2019-09-04 07:41
    1548浏览
    0推荐
    0评论