Как разобраться с оптимизацией загрузки JS в Wordpress?

Question

[coderisimo]

Пытаюсь освоить оптимизацию. Идет с большим скрипом. инфы мало, отвечают редко, советуют нанять кого-то....
Итак, ресурс https://gtmetrix.com пишет первым пунктом в необходимом для оптимизации скорости загрузки :

639.5KiB of JavaScript is parsed during initial page load. Defer parsing JavaScript to reduce blocking of page rendering.
и далее список :

https://dl.dropboxusercontent.com/u/19954007/asks/...

беру для примера , один из указанных в списке файлов - ..../TweenMax.min.js
лезу в тему, нахожу где он подключается , вижу :

wp_register_script('greensock', bla-bla....TweenMax.min.js', array('greensock_easing'), null, true);

т.е - php wp_register_script( $handle, $src, $deps, $ver, $in_footer ); видим , что скрипт подключается в футуре
он не мешает загрузке и рендерингу сраницы.
Поясните, что еще здесь можно сделать с данным скриптом? Я считал , что все "анализаторы оптимизации" спят и видят JS в футере. Но здесь то все ок? И остальные упоминаемые https://gtmetrix.com тоже лежат в ФУТЕРЕ!
Кто виноват и шо делать ?

Спасибо.

Answer 1

[Wol_fi]

Мне кажется, тут дело не в том, где лежат скрипты, а дело в том, что они километровые (привет твиттеру пару лет назад). Всё-таки 639.5KiB это много, особенно для телефонов\планшетов и мобильного интернета. Возможно часть из них можно подключать по требованию, а не на все страницы. Часть из них вызывать скриптами (тот же jQuery.getScript юзать, например).

Answer 2

[Игорь Воротнёв]

Ответ: async, defer. Тут подробнее.

Comments

[coderisimo]

спасибо! а можете пояснить, почему скрипт в футере таки-мешает странице?

[Игорь Воротнёв]

coderisimo: потому что он все-таки блочит страницу :) просто немного в другом порядке.

[coderisimo]

Игорь Воротнёв: добавляем :
add_filter( 'script_loader_tag', function ( $tag, $handle ) {
if ( 'contact-form-7' !== $handle )
return $tag;
return str_replace( ' src', ' defer="defer" src', $tag );
}, 10, 2 );

в functions для скрипта , на пример, с handle "contact-form-7" и будет нам счастье? )

[Игорь Воротнёв]

coderisimo: У меня в голове нет php-интерпретатора :) Так, на первый взгляд, должно быть ок. Ctrl + S и обновите страницу в браузере :)