Как улучшить scroll performance для прохождения Google audit?

Question

[Mikhail Rerberg]

Всем привет!



Наткнулся на эту предъяву от гугла, начал читать и искать решение проблемы. Информации не так много, часто пишут, что помогает этот код:

document.addEventListener('mousewheel', event => {

}, { passive: true });

document.addEventListener('wheel', event => {

}, { passive: true });

document.addEventListener('scroll', event => {

}, { passive: true });


document.addEventListener('touchstart', event => {

}, { passive: true });

document.addEventListener('touchend', event => {

}, { passive: true });

document.addEventListener('touchmove', event => {

}, { passive: true });

Но когда запускаю аудит повторно, рекомендация остается. Как это исправить?

Answer 1

[Миржалол Мирхомитов]

jQuery.event.special.touchstart = {
    setup: function( _, ns, handle ) {
        this.addEventListener("touchstart", handle, { passive: !ns.includes("noPreventDefault") });
    }
};

Добавил этот код. PageSpeed перестал ругаться

Comments

[Slava Rozhnev]

Как можно сделать это на чистом JavaScript без jQuery?

[Gerich4444]

Куда его добавить надо?

[Миржалол Мирхомитов]

Gerich4444, Добавьте в файл куда вы пишите скрипты

[Gerich4444]

Михаил Миронов, это первым делом и попробовал. Не помогло. Перед или после jq должно быть?

[Миржалол Мирхомитов]

Gerich4444, попробуйте после. Я добавил после. Мне помогло