Как вынести часть js из основного потока?

Question

[Aricus]

Впервые пытаюсь оптимизировать сайт (на wordpress). Судя по показателям PageSpeed Insights, значительное сокращение размера изображений не повлияло на общие показатели. Судя по этому куску

процесс очень тормозится тремя js скриптами, не обязательными для начальной работы страницы. Это яндекс метрика, плеер youtube и бизнес-мессенджер. Можно ли их как-то перенести из основного потока в другой? Судя по вышеприведённым данным, это позволит сократить время загрузки для взаимодействия на 5 секунд для мобильных и 1,4 секунды для компьютеров.

Answer 1

[Александр Аксентьев]

На метрику точно забейте.

Ютуб надо убирать под JS, вместо плеера картинка -> при клике вставляется плеер.
Ютуб безобразно долго грузится.

Живосайт не факт что так сильно влияет, но можно сделать финт ушами

setTimeout(function(){
(function(){ var widget_id = '***';var d=document;var w=window;function l(){
  var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true;
  s.src = '//code.jivosite.com/script/widget/'+widget_id
    ; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}
  if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}
  else{w.addEventListener('load',l,false);}}})();
}, 3000);

В целом вся оптимизация вордпресса это:
1. Прогнать картинки через https://compressor.io/
2. И поставить какой-нибудь W3 Total Cache + включить всякие минификации и т.д.
3. Всякие виджеты засунуть в setTimeout

На выходе получите 90-100 для десктопа и 80-100 для мобильного на PageSpeed

Comments

[Aricus]

Насчёт https://compressor.io/ подскажи, пожалуйста, почему некоторые файлы не обрабатываются? Сжимаются как будто на 100%, а при попытке скачивания отправляют на 404.

[Александр Аксентьев]

Aricus, смотря что за файлы, может вообще не картинка?)

[Aricus]

Александр Аксентьев, На вид такая же картинка, как и остальные. Как у jpg, так и у png такое случается. Ошибка на тех же картинках вылезает стабильно, независимо от браузера.

[Константин Руденко]

я замечал зависимость, если загружать картинки с русским названием, то он их не обрабатывает и отдает 404, а с английским названием норм.