Как добавить атрибуты async / defer в генерируемый движком код подключения JS?

Открываем engine/modules/functions.php

Где-то на 1100-1200 строках есть (для случая, когда сжатие выкл):

$js_array[] = "<script type=\"text/javascript\" src=\"{$config['http_home_url']}{$value}\"></script>";

Меняем на

$js_array[] = "<script async=\"async\" type=\"text/javascript\" src=\"{$config['http_home_url']}{$value}\"></script>";

Для случая, когда сжатие включено:

$js_array[] = "<script type=\"text/javascript\" src=\"{$config['http_home_url']}engine/classes/min/index.php?charset={$config['charset']}&amp;g=general&amp;9\"></script>";

        if ( count($js) ) $js_array[] = "<script type=\"text/javascript\" src=\"{$config['http_home_url']}engine/classes/min/index.php?charset={$config['charset']}&amp;f=".implode(",", $js)."&amp;9\"></script>";

Меняем на

$js_array[] = "<script async=\"async\" type=\"text/javascript\" src=\"{$config['http_home_url']}engine/classes/min/index.php?charset={$config['charset']}&amp;g=general&amp;9\"></script>";

        if ( count($js) ) $js_array[] = "<script async=\"async\" type=\"text/javascript\" src=\"{$config['http_home_url']}engine/classes/min/index.php?charset={$config['charset']}&amp;f=".implode(",", $js)."&amp;9\"></script>";

Примечание:
1) Первый вариант (когда без сжатия) пробовал, работает. Второй лично не пробовал, написал на ходу, работать должен.
2) Разберитесь в спецификации async defer (http://bryk.ru/blog/seo/asynchronous-javascript.html), это разные вещи и вместе их использовать не надо.

По умолчанию JS и так асинхронны. Зачем это дополнительно прописывать? Синхронные JS вообще полный абзац для сайта.

Вот тут почитайте (посмотрите): http://peter.sh/experiments/asynchronous-and-deferred-javascript-execution-explained/

"async / defer" — это часть HTML 5, а проблема поддержки html 5 разными браузерами — это уже другой вопрос.

Да и Google лично (с помощью PageSpeed) рекомендует - "
Отложите синтаксический анализ javascript".
Только вот я, видимо таки, не до конца понял отличия "async / defer". Прописываю вышеупомянутой строке defer - просит отложить синтаксический анализ, прописываю async - все ок. Хотя мне логика работы defer показалась более приемлемой. Прописываю async defer (вместе) - тоже как бы все ок. На чем остановиться?

Silver-Weber,
Как нам говорят на http://www.w3schools.com/tags/att_script_async.asp, async — это логический атрибут. Если Вы используете и async и defer одновременно в одном вызове js, то скорей всего будет использоваться тот, который указан последним.

А google скорей всего Вам советует немного другой способ:

(function() {
 function async_load(){
 var s = document.createElement('script');
 s.type = 'text/javascript';
 s.async = true;
 s.src = 'http://site.com/script.js';
 var x = document.getElementsByTagName('script')[0];
 x.parentNode.insertBefore(s, x);
 }
 if (window.attachEvent)
 window.attachEvent('onload', async_load);
 else
 window.addEventListener('load', async_load, false);
 })();

где http://site.com/script.js — Ваш скрипт.

1.
Однако, указав <script async defer ***></script>, PageSpeed доволен, указа async - тоже, указав defer - нет. Т.е. все таки учитывает async, при том, что он указан не последним.

2. Верно, Google рекомендует такой вариант.

Опять же вопрос - как быть и на чем остановиться?

Да забейте вы на этот синтаксический анализ!
async - асинхронная загрузка скрипта, т.е. параллельно с основным контентом.
defer - отложенная, т.е. после того, как заргузится весь контент.

Используйте вариант, который рекомендует google. Такой метод подключения js используют многие крупные сервисы, начиная от кнопочки твиттера, заканчивая google аналитикой.
Как бы сказал в этой ситуации товарищ nowheremany: "Это кроссбраузерное решение".

Всем спасибо за советы!

Спасибо Nick, это была последняя палка в колёсах моего свехзвукового сайта!)