Как устранить ошибку Pagespeed “Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке”?

Stalker_RED, а чем заменяют jquery? я просто первый раз слышу что его можно заменить )

Как устранить ошибку Pagespeed “Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке”?

Глянь что нашел, но не тестил еще jsbin.com/bupesajoza/edit?html,js,output

Как устранить ошибку Pagespeed “Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке”?

у меня там 2.2.4jquery.min.js )))) тож пока не решил вопрос.

Как устранить ошибку Pagespeed “Пассивные прослушиватели событий не используются для улучшения производительности при прокрутке”?

сложно отказаться, если это 2.2.4jquery.min.js )))

Раскрывающийся влкадки на css, как добавить анимаци?

Alex, если что твой метод, забыл скинуть что сделал, https://jsfiddle.net/r7wzhtLs/1/
Но есть мелкая проблема, при сворачивании нет анимации, просто тупо быстро сворачивает и все.

Скрол jScrollPane, странная адаптация, как решить проблему?

Разобрался

$(function()
      {
      $('.scroll-pane').jScrollPane();
      $('.scroll-pane-arrows').jScrollPane(
        {
          showArrows: true,
resizeSensor: true,
          horizontalGutter: 30,
          verticalGutter: 30
        }
      );
    });

Отвечает за растяжку resizeSensor: true,

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Alexander9292, да верно.

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Если надо, для пассивной подгрузки, правда не на все js работает, не знаю почему.
То что сразу не нужно грузить, можно запихать и через 2 секунды будет грузить.

<script>
      $(document).bind("ready", function() {
        setTimeout(function() {
          var script = document.createElement('script');
          script.src = '/media/js/frontend/yamap.js';
          document.body.appendChild(script);
          
          var script = document.createElement('script');
          script.src = '/media/js/frontend/lightbox/js/lightbox.js';
          document.body.appendChild(script);
        }, 2000);
      });
    </script>

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

А что ты делал с этим, если это главные стили шаблона и она в самом верху. в хеад.

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Alexander9292, то есть у тебя такого нет?

@font-face {
font-family: 'Web font';
src: url('webfont.woff2') format('woff2'),
url('webfont.ttf') format('truetype'), /* Только если нужна поддержка старых Android, иначе закомментировать */
url('webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

у тебя только, такая подгрузка файла со шрифтом

<link rel="preload" href="/media/css/frontend/opensans/opensans-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Alexander9292, понял. ты не для всего делал.

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Денис Юрьев, а выше то как я сделал, это бред или так и юзать? тогда буду грузить 2 woff2 и woff2.

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Сделал как ты писал, но чет ничего не изменилось )

<link rel="preload" href="/media/css/frontend/opensans/opensans-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
    <link rel="preload" href="/media/css/frontend/opensans/opensans-regular.ttf" as="font" type="font/ttf" crossorigin="anonymous" />
    <link rel="preload" href="/media/css/frontend/opensans/opensans-regular.woff" as="font" type="font/woff" crossorigin="anonymous" />

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Alexander9292, по твоему коду, ты грузишь только один формат .woff2 я верно понял, а то не весь код вижу, или грузишь еще и .woff и .ttf, это самые необходимые три формата, что бы и на андроиде и на айос все ок было.

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Alexander9292, вопрос появился, так грузить обычным методом

@font-face { 
  font-family: 'Web font'; 
  src: url('webfont.woff2') format('woff2'), 
       url('webfont.ttf')  format('truetype'), /* Только если нужна поддержка старых Android, иначе закомментировать */ 
       url('webfont.woff') format('woff'); 
  font-weight: normal; 
  font-style: normal; 
}

----------
Если так добавить, то браузер не все качает, а выбирает.
-------
На developers.google приводится пример как браузер определяет, что для отображении сайта нужен какой-либо шрифт, он читает предоставленных список ресурсов в указанном порядке и старается скачать нужный шрифт.
1)Браузер читает разметку страницы и определяет, какие варианты шрифтов нужны для отрисовки текста.
2)Браузер проверяет, не установлены ли нужные шрифты на устройстве.
3)Если файла нет на устройстве, браузер читает список внешних расположений:
4)Если формат указан, перед скачивание браузер проверяется, поддерживается ли он. В случае отрицательного ответа программа переходит к следующему варианту.
5)Если указание на формат отсутствует, браузер скачивает ресурс.
----------

А по твоему примеру, выходит что грузиться все форматы будут.

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Alexander9292, о как ты сделал ))))) затещу )

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Денис Юрьев, спасибо.

Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

Поддерживает браузера woff2 https://caniuse.com/woff2

Google Page Speed - шрифты, иконки, файл js и css не попадают в кэш?

Alexander9292, а у меня вот что еще, не знаю как решить ) тег этот вставлял, и иконки вообще не грузились, еще в класс тега вставил font-display: swap

Svg иконки, какие расширения лучше исполльзовать woff-ttf-svg-eot?

Много Чего, ну вот ))) по этому все я и использую )) решил узнать, может я устарел ) и давно пора выкинуть ненужное и не использовать.