gpt4 book ai didi

javascript - 从 Tumblr 主题中删除导致 CPU 使用率过高的特定 Javascript 代码

转载 作者:行者123 更新时间:2023-11-28 03:52:41 26 4
gpt4 key购买 nike

最近我决定使用 this theme 创建一个 Tumblr

我是 Firefox 用户,我注意到这个主题会大大降低浏览器的速度。经过一些投资和询问后,罪魁祸首似乎是添加动画粒子背景的可能性,即使禁用该背景,也会导致高 CPU 使用率。该粒子函数位于名为“s.js ”的脚本内,其中包含主题的其他部分。

有什么方法可以清除与此粒子背景相关的所有代码,并且仍然保持主题功能吗?

谢谢

最佳答案

确定

选项 1:

搜索从您链接到 s.js 的 js 文件调用的所有库除了 ParticleJS。

  1. 图像已加载:https://unpkg.com/imagesloaded@4.1.3/imagesloaded.pkgd.min.js

  2. 同位素:https://unpkg.com/isotope-layout@3.0.4/dist/isotope.pkgd.min.js

  3. 无限滚动:https://unpkg.com/infinite-scroll@3.0.2/dist/infinite-scroll.pkgd.min.js

  4. Fitvid:https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.2.0/jquery.fitvids.min.js

  5. 照片集网格:https://cdnjs.cloudflare.com/ajax/libs/photoset-grid/1.0.1/jquery.photoset-grid.min.js

  6. 华丽的弹出窗口:https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js

注意,这些是每个文件的特定版本,如果您需要链接到特定版本,您可能会遇到兼容性问题。

将这些文件中的所有代码合并到一个文件中,然后您可以通过压缩器运行它:https://javascript-minifier.com/

要使此解决方案发挥作用,您还需要在某个地方托管该文件。

选项 2:

在模板中单独链接到上述所有文件。例如收盘前<body>您需要添加的标签

<script type="text/javascript" src="https://unpkg.com/imagesloaded@4.1.3/imagesloaded.pkgd.min.js"></script>

...然后添加其他每个脚本。这些也可能存在依赖顺序,希望它们与 s.js 文件 header 中的相同。

这样做的缺点是模板不会发出单个 http 请求来返回单个 js 文件,而是请求 6 个单独的 js 文件(因此这可能比您现在拥有的当前系统慢)。

选项 3:

如果您无法在某处托管该文件,则必须将每个 js 文件中的代码实际复制到模板中。

关于javascript - 从 Tumblr 主题中删除导致 CPU 使用率过高的特定 Javascript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47846819/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com