我有一个wordpress网站,我在这里添加了很多自定义代码:
该站点加载速度相当快。但是,在首页上,我们正在将particles.js动画应用于背景画布。
此处显示了应用粒子的相关代码:
jQuery("particles2").ready(function( $ ){
if(!window.isMobile && document.getElementById('particles2') != null) {
desktopParticles();
}
});
其中“ particles2”是我们要在其上面应用粒子的元素的ID。
如果您观察到页面的加载,您会发现主页似乎在一秒钟之内就快速加载完毕,但是particles.js动画需要几秒钟才能生效(大概与其余页面一起运行)页面上的JS)。
我认为向相关DIV添加.ready事件侦听器将在div在DOM上可用的第二秒应用粒子动画。但是,该动画似乎几乎可以与最终页面加载相提并论。
最好尽快地(最好是在DOM上相关的背景div可用之后)立即应用particles.js动画的最佳方法?
注意:这是一个wordpress网站,很遗憾,我没有太多直接访问HTML的功能,因此除非有一种使我不知道的技术,否则很可能无法内联脚本。 / p>
谢谢!