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

【问题标题】：Remove specific Javascript code that causes high CPU usage from Tumblr theme从 Tumblr 主题中删除导致 CPU 使用率高的特定 Javascript 代码
【发布时间】：2017-12-16 14:47:00
【问题描述】：

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

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

有没有什么办法可以清除与这个粒子背景相关的所有代码，并且仍然保留主题功能？

谢谢

【问题讨论】：

该代码块位于主题 html 的底部，因此您可以将其删除。 <script type="text/javascript" src="https://static.tumblr.com/j6tha7z/Jtmo5pjot/s.js"> 但是它看起来像一个捆绑文件，可以处理许多有用的功能 Imagesloaded、Isotope、Infinite Scroll 所以你可能会发现没有它你的主题的其他部分就无法工作。
哦，我知道您想编辑该文件并保持其他功能不变？
完全正确；如果我从 html 中删除脚本，我得到的只是一个空白的 Tumblr。我尝试自己编辑 s.js 以删除粒子系统，但我得到了相同的结果：一个空白的 tumblr，因为我对 javascript 一无所知，所以我认为我删除了其他有用的东西！
是的，你的工作已经完成了。稍后我会尝试写一个答案，但它相对涉及。

标签： javascript html css tumblr tumblr-themes

【解决方案1】：

好的

选项 1：

从链接到s.js 的 js 文件中搜索除 ParticleJS 之外的所有库。

已加载图片：https://unpkg.com/imagesloaded@4.1.3/imagesloaded.pkgd.min.js
同位素：https://unpkg.com/isotope-layout@3.0.4/dist/isotope.pkgd.min.js
无限卷轴：https://unpkg.com/infinite-scroll@3.0.2/dist/infinite-scroll.pkgd.min.js
Fitvid：https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.2.0/jquery.fitvids.min.js
照片集网格：https://cdnjs.cloudflare.com/ajax/libs/photoset-grid/1.0.1/jquery.photoset-grid.min.js
精彩弹幕：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 文件的标题中的相同。

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

选项 3：

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

【讨论】：

非常感谢您的帮助；我做了你在选项 1 中列出的内容，但我得到的仍然是一个完全空白的 Tumblr，正如你在这里看到的 themetestdjallo.tumblr.com 我做错了什么，或者离开这个功能可能有什么问题？可能在主题的html/css代码中？
嗯，这会很棘手。例如，主题中是否有切换砖石/无限滚动的选项？您可能必须激活这些。即便如此，我认为您可能会遇到各种文件的问题。
是的，但是即使切换 ff，页面仍然是空白的。有用于ajax加载、无限滚动和粒子系统