最近我决定用this theme创建一个Tumblr
我是一个Firefox用户,我注意到这个主题减慢了浏览器的速度。经过一些投资和询问,罪魁祸首似乎是添加动画粒子背景的可能性,即使在禁用时,也会导致高CPU使用率。此粒子函数位于名为“s.js”的脚本中,该脚本包含主题的其他部分。
有没有办法从与粒子背景相关的所有内容中清除代码,仍然保持主题功能?
谢谢
好
选项1:
从除了ParticleJS之外链接到s.js的js文件中搜索所有正在调用的库。
警告,这些是每个文件的特定版本,如果需要链接到特定版本,可能会遇到兼容性问题。
将这些文件中的所有代码合并到一个文件中,然后您可以通过缩小器运行它:https://javascript-minifier.com/
要使此解决方案正常工作,您还需要在某处托管文件。
选项2:
在模板中单独链接到上述所有文件。例如,在关闭<body>
标签之前,您需要添加
<script type="text/javascript" src="https://unpkg.com/[email protected]/imagesloaded.pkgd.min.js"></script>
...然后添加其他每个脚本。这些也可能存在依赖顺序,希望它们与s.js文件的标题中的顺序相同。
这样做的缺点是,不是单个http请求返回单个js文件,模板将请求6个单独的js文件(因此这可能比您现在拥有的当前系统慢)。
选项3:
如果您无法在某处托管文件,则必须将每个js文件中的代码实际复制到模板中。