php - CakePHP 添加异步到脚本标签

Question

在 Google 的 PageSpeed 报告中，有一些阻塞 Javascript 需要异步。来自 this article我知道我必须将 async 属性放置到我的脚本标记中:

<script async src="http://third-party.com/resource.js"></script>

在cakePHP中，我无法准确地实现这一点，我只能得到:

<script async="async" src="http://third-party.com/resource.js"></script>

使用Html的脚本方法如下:

$html->script(array('jsfile1', 'jsfile2'), array('async' => 'async'));

我尝试了 array('async') 但它在脚本标记中打印出 0='0'

我怎样才能让它在脚本标签中只打印async。另外，我怎样才能让它在css的链接标签中也可用？

注意:我使用 CakePHP 1.3x

Answer 1

Checking the source code表明没有办法实现这样的标签，因为很明显属性的格式是 %s="%s" .

如果你真的需要这个我认为现在最简单的方法就是提供你自己的定制HtmlHelper通过扩展核心HtmlHelper ，并覆盖_formatAttribute功能:

注意:这仅适用于 CakePHP 1.3.x，而且非常困惑，因为它无法指定 className在助手数组中。 CakePHP 2.x 提供了一种更清晰的方法来轻松覆盖默认核心助手，但这不是 OP 想要的，所以我不会把它放在这里

1. 创建app/views/helpers/custom_html.php :

   <?php
   App::import('Helper', 'Html');
   class CustomHtmlHelper extends HtmlHelper {
       function __formatAttribute($key, $value, $escape = true) {
           if (in_array($key, array('async', 'defer'))) {
               return $key;
           }
           return parent::__formatAttribute($key, $value, $escape);
       }
   }
   

2. 在您的 app_controller.php 中或任何需要此的主 Controller ，请使用 CustomHtmlHelper作者:

   var $helpers = array('CustomHtml');
   

3. 在您看来，您现在可以开始使用 async或defer标签。如果您认为合适，请随意扩展此数组。

   echo $this->CustomHtml->script('test', array('async' => 'async'));