最近我决定使用此主题创建一个Tumblr
我是Firefox用户,我注意到此主题会减慢浏览器的速度很多。经过一番投资和询问,罪魁祸首似乎是添加动画粒子背景的可能性,即使在禁用时也会引起高CPU使用。此粒子函数在一个称为" s.js"的脚本中,其中包含主题的其他部分。
有什么方法可以从与此粒子背景有关的所有内容中清理代码,并且仍然使主题功能函数?
谢谢
ok
选项1:
搜索从您链接到s.js的JS文件中调用的所有库。
-
加载的图像: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
-
photoset网格:https://cdnjs.cloudflare.com/ajax/libs/photoset-grid/1.0.0.1/jquery.photoset-ghotoset-grid.min.js
-
Magnific Popup:https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js
警告,这些是每个文件的特定版本,如果您需要链接到特定版本,则可能会遇到兼容性问题。
将这些文件中的所有代码组合到一个文件中,然后您可以通过minifier运行它: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文件中的代码实际上复制到模板中。