frontend, performance,

一分钟读论文：《重新思考移动客⼾端的网页缓存》

Unbug By Unbug Follow Jan 12, 2023 · 1 min read
一分钟读论文：《重新思考移动客⼾端的网页缓存》
Share this

最高约49%的 JS 运算可以在网页上重用。美国密歇根⼤学和加州⼤学洛杉矶分校的论文《Rethinking Client-Side Caching for the Mobile Web》 提出了一个新的客户端缓存架构，该架构主张直接缓存运行时的 JS。

arch

该架构原理：

  • 当用户加载页面时，浏览器将获取并缓存以前未缓存的资源，就像现在一样。
  • 浏览器可以使用（离线）静态程序分析来检测缓存的脚本，以跟踪每个 JavaScript 函数访问或修改的状态。
  • 当在任何页面加载中执行检测脚本时，在执行每个检测函数之前，浏览器可以执行计算缓存查找以搜索匹配的文件。
  • 如果找到匹配项，浏览器将应用该缓存而不是执行该函数，不匹配它将执行该函数并将新条目添加到缓存中。

Quantifying 该论文并未实现此架构以验证，仅是通过分析 Aleax Top 1000 的网站来衡量潜在收益：

  • 同一个网站1天的运行时缓存能节省57%的 JavaScript 执⾏时间，⼀天后可重⽤的 JavaScript 执⾏部分更⾼（75%）；
  • 不同网站15%的 JS 执行可以在1天的时间内重⽤
  • JavaScript 执⾏占中等复杂度页面的65%，估计中等复杂度⻚⾯最高可节省49%；
Mobile iOS Android

Releated

  1. 一分钟读论文：《移动设备上数据的加密保密性》
    In Security,
  2. 一分钟读论文：《细孔沉千帆：小程序权限漏洞研究》
    In Security,
  3. 一分钟读论文：《WebAssembly 与 JS 在移动设备上的能耗对比》
    In Performance,
  4. 一分钟读论文：《评估消除 JS 死代码对移动网页性能的影响》
    In FrontEnd, Performance,
  5. 一分钟读论文：《通过 JS 分类即时加速移动网页》
    In Performance, FrontEnd,
  6. 一分钟读论文：《Chrome 〈!DOCTYPE aigc〉: 你的网页何必是 HTML》
    In AI, FrontEnd,
  7. 一分钟读论文：《寻找失去的时间：浏览器中 JavaScript 定时器的综述》
    In Security, FrontEnd,
  8. 一分钟读论文：《GPT-minify: All JS bundle size 97% off》
    In AI, FrontEnd,
  9. 一分钟读论文：《我们走了多远——WebAssembly 运行时的全面特征研究》
    In FrontEnd,
  10. 一分钟读论文：《StackOverflow 上 JS 代码片段规则违规的挖掘》
    In FrontEnd,
  11. 一分钟读论文：《要不要上 TypeScript？GitHub 上 JS 和 TS 应用软件质量的系统比较》
    In FrontEnd,
  12. 一分钟读论文：《关于（未）采用 JavaScript 前端框架的研究》
    In FrontEnd, Architecture,
  13. 一分钟读论文：《用 Rust 和 WebAssembly 补充 JS 实现高性能 Node、Web 应用程序》
    In Architecture, Performance,
  14. 一分钟读论文：《Wasmachine：WebAssembly OS 可加速物联网和边缘计算》
    In Performance,
一分钟读论文：《通过 JS 分类即时加速移动网页》
一分钟读论文：《评估消除 JS 死代码对移动网页性能的影响》