如何在gulp任务中使用gulp-defer

Question

我在加载页面内容之前加载javascript时遇到了问题所以决定在我的 gulptask 中使用 gulp-defer 包。

这是代码

// including plugins
var gulp = require('gulp')
    defer = require("gulp-defer");
// task
gulp.task('concat', function () {
    gulp.src('./javascript/*.js') // path to your files
    .pipe(concat('concat.js'))  // concat and name it "concat.js"
    .pipe(gulp.dest('./dest'));
});
gulp.task('html:release', function() {
  return gulp.src('./index.html')
   .pipe(defer())                  //defer method is called 
   .pipe(gulp.dest('./dest'));
});

我

从gulp-defer包中提到了这个，实际上我无法理解它是如何处理的。请任何人解释延迟在 gulp 任务中是如何工作的。提前感谢！！

Answer 1

不确定您要问什么，但文档是自我解释的：

将渲染阻塞 JavaScript 和 css 移动到延迟加载中 部分。

如果您得到"消除渲染阻塞"，可能会有所帮助 JavaScript 和 CSS 在首屏内容中"来自 PageSpeed 的警告 洞察结果

https://www.npmjs.com/package/gulp-defer