如何尽快加载javascript画布动画?

时间:2019-03-07 16:54:15

标签: javascript jquery wordpress performance canvas

我有一个wordpress网站,我在这里添加了很多自定义代码:

https://simplygram.com

该站点加载速度相当快。但是,在首页上,我们正在将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>

谢谢!

0 个答案:

没有答案