1

最近我决定使用这个主题创建一个 Tumblr

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

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

谢谢

4

1 回答 1

0

好的

选项1：

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

  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 文件的标题中的相同。

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

选项 3：

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

于 2017-12-19T00:07:00.943 回答