你好。是努科助。
近日（2022年10月26日），开发营销工具的Repro发布了一款工具“Repro Booster”，只需添加标签即可加快网站的展示速度。
- 新闻
- Repro 官方网站
简单来说，提高显示速度的机制，似乎是预测用户的点击，提前读取下一页的数据并缓存在终端上，以提高下一页的加载速度。
碰巧在SNS上看到这条新闻时，我想，”好极了’震惊了。
如果您是工程师，您可能不会对显示加速本身的机制感到非常惊讶。
比如Next.js有一个基于next/link的链接的数据预取功能，猜测还有一个库使用机器学习来预测和预取用户接下来可能访问的页面。
震惊并不存在于我身上。
震惊跑了只是标记这就是它的意思。
事实上，已经有“插入标签就可以做〇〇”的服务。
例如编织技术该公司提供一项服务，只需添加标签即可翻译页面。
添加标签以加速您的网站听到这话，我吓了一跳，心想：“除了翻译，还有别的吗？”
你不需要工程师！我想！
我不想被解雇。
所以，我想，“Repro Booster 写了什么样的 JavaScript？”
我写的是我个人觉得有趣的东西。
笔记
- 仅来自 js 文件个人印象是。
我认为为什么要这样实现有各种内部情况（开发资源，目标浏览器等），所以请不要假设“这个实现是错误的”。 - 我只看到公共 js 文件和浏览器缓存。我不会疯狂猜测后端是什么样的。
- 作为例子介绍“神器“ 网站。
- 从浏览器请求https://cdn.reproio.com/web/poc/common/repro-sdk.min.js检查文件。
- 这是（大概）Repro 服务器的唯一 js 响应。
使用本地存储
简单来说，提高显示速度的机制就是预测用户的点击，提前读取下一页的数据并缓存到终端，提高下一页的加载速度
由于找到了描述
localStorage，并且数据也是在浏览器的本地存储中积累起来的，看来LocalStorage是用于终端缓存的。
我以为IndexedDB可能也在使用它，但是js文件中没有使用indexedDB等API的描述，浏览器中IndexedDB中也没有保存数据。localStorage是同步的，因此在使用localStorage时浏览器会被阻止。
不过localStorage在API方面更方便，支持IE我正在做。我在js文件中找到了
serviceWorkerUrl，所以可能ServiceWorker可以使用（ServiceWorker没有在Omikare注册）。
如果您可以注册ServiceWorker并通过添加标签来加速网站，它的功能非常强大。我想。使用 Platform.js
js 文件有一个
Platform.js许可证描述。Platform.js是一个设备检测库。
Platform.js上一次发布是在 2 年前，并且维护得很模糊。最大的脚本大小
我担心js文件的脚本大小，所以我看了一下。
在 Omiboy 中，脚本是最大的超越
gtag。
（不知道是不是图书馆的原因，
JSON.parse是个大字符串……）使用 requestIdleCallback 或 requestAnimationFrame
我看到了
requestIdleCallback的描述，可以在浏览器空闲时进行处理。
我们还看到了requestAnimationFrame的描述，考虑到浏览器的渲染时间，可以执行该描述。如果您在应用程序端而不是库端编写，它的实施考虑到了高水平的性能。我想。
在最后
Repro Booster 2022 年 10 月 26 日刚刚发布，所以想知道那天看到 js 文件会是什么感觉（等效变态），我写了一篇关于发布日期的简短文章。
我不知道如何预测点击次数（它是由mouseover判断的吗？我找不到看起来像它的EventListener）。
回头一想只需添加标签即可加速您的网站我觉得能做到就好了！我们期待未来更快的速度！
原创声明：本文系作者授权爱码网发表，未经许可，不得转载;
原文地址：https://www.likecs.com/show-308631679.html