如何让'Pace.js'进度条加载更快?

时间:2016-05-29 03:36:57

标签: javascript jquery html css performance

我正在使用pace.js(http://github.hubspot.com/pace/docs/welcome/)进度条,该进度条会在我的页面渲染时加载。运行时,您将在此处看到进度条:

https://jsfiddle.net/Lance_Bitner/tkaf3r3k/

  for (u = {
  catchupTime: 100,
  initialRate: .03,
  minTime: 250,
  ghostTime: 100,
  maxProgressPerFrame: 20,
  easeFactor: 1.25,
  startOnPageLoad: !0,
  restartOnPushState: !0,
  restartOnRequestAfter: 500,
  target: "body",
  elements: {
    checkInterval: 100,
    selectors: ["body"]
  },

我有很多CSS和JS文件,我正在努力加快加载时间。我缩小了图像大小并将脚本放在页面底部。我还在CSS链接中添加了一些JS。我也缩小了代码。但我的页面需要加载更快。我希望进度条能够尽快完成。

我不需要加载所有内容以使页面正常运行。我只是希望它在进度条完全加载时看起来像完全加载。我只需要确保需要加载的部件加载以使页面起作用。一些脚本可以加载。我确信有一些JS可以排除一组文件。

有关如何加快进度条的加载时间的任何想法?

0 个答案:

没有答案