wpscholar/wp-async-defer-scripts

维护者

详细信息

github.com/wpscholar/wp-async-defer-scripts

源代码

问题

安装次数: 3,674

依赖项: 0

建议者: 0

安全: 0

星标: 13

关注者: 2

分支: 4

开放问题: 0

1.1 2017-11-06 16:13 UTC

GPL-2.0+ f2d8199b90eb3f8f86cfac8af6f25e2378ba3fac

  • Micah Wood <micah.woop@wpscholar.com>

This package is auto-updated.

Last update: 2024-08-28 22:45:46 UTC

README

一个用于在WordPress中异步加载或延迟脚本的项目包。

要求

  • PHP 5.3+
  • WordPress 4.2+

安装

通过Composer将模块添加到您的代码库

composer require wpscholar/wp-async-defer-scripts

请确保在项目中要求Composer自动加载器

<?php

require __DIR__ . '/vendor/autoload.php';

使用方法

如何异步加载脚本

<?php

add_action( 'wp_enqueue_scripts', function () {
	wp_enqueue_script( 'recaptcha', 'https://www.google.com/recaptcha/api.js' );
	wp_scripts()->add_data( 'recaptcha', 'async', true );
} );

如何延迟加载脚本

<?php

add_action( 'wp_enqueue_scripts', function () {
	wp_enqueue_script( 'recaptcha', 'https://www.google.com/recaptcha/api.js' );
	wp_scripts()->add_data( 'recaptcha', 'defer', true );
} );

初始化

在大多数情况下，您只需按照安装说明操作，一切就会正常工作。然而，如果您在WordPress插件或主题之外包含此库，您可能需要手动初始化类。

<?php

wpscholar\WordPress\AsyncDeferScripts::initialize();