Очень сильно тупит сайт, хотя сервер не нагружен и скорости хватает?

Question

[grabbee]

Сайт SPA Vue Nuxt. Сейчас пытаюсь решить эту проблему. Посещаемость сейчас низкая. Нагрузки практически нет. Но тормоза при переходах до 1 минуты часто бывают. Перед сайтом CloudFlare кэширует все ответы. Сейчас пробую новый конфиг NGINX дополнительно кэшировать статику

location ~* ^.+\.(css|js)$ {
        expires modified +5d;
    }
    location ~* ^.+\.(jpg|jpeg|gif|png)$ {
        # add_header Access-Control-Allow-Origin *;
        expires 5d;
    }

Может поможет. Я не знаю.

Интересно. На ноутбуке таких тормозов почти не наблюдается, в то время как на телефоне эти фризы очень заметны(до 1 минуты) - и страница может вообще не отрендериться. Нужно перезагружать. Когда походить по страницам, то потом фризов становится уже меньше. И сайт начинает работать как надо.

# UPD

И перед и после выполняется скрипт Яндекс Метрики 15 и 20 секунд соответственно



Вот такие кусочки тянет. Я убрал динамический импорт.
Для новой страницы он тянет JS и CSS - здесь 20 секунд

Яндекс




Возможно я её неправильно интегрировал.
Использовал "@nuxtjs/yandex-metrika": "^1.2.0" - настроил согласно инструкции

Всегда совпадает со скриптом Метрики

Может и просто совпадение

Comments

[grabbee]

Скорость на сервере 100 Mbit/s - в обе стороны. Трафик не лимитируется.

[Maxim Kirshin]

посмотри perfomance вкладку в chrome developer tools. Можешь со скринами вместе, посмотри когда заканчивается рендер и что больше всего грузит нагружает.

Логично ведь, что если на телефоне хуже настолько грузит, то значит ему не хватает мощности по сравнению с ноутом и нужно смотреть ошибки в производительности фронта

[grabbee]

Я подозреваю динамический импорт. Сейчас index.d1d0446.js грузился долго. Это кусочек запрашиваемой страницы. Этот компонент оборачивает всю страницу. Наверное я неправильно использую динамический импорт.

[grabbee]

Maxim Kirshin, как в chrome developer tools показывать только медленные запросы? У меня очень много запросов летит на картинки например по. Не успеваю скроллить :(

[Maxim Kirshin]

grabbee, есть на живой сайт ссылка? А то так только гадать)

[grabbee]

Maxim Kirshin, Кажется нашел проблему. Сейчас убрал этот динамический импорт и буду смотреть. Этот компонент всю страницу оборачивал. И когда не смог загрузиться либо задерживал рендеринг. Или при ошибке сети вообще страница не рендерилась. Убрал его везде. Буду проверять. Сайт нельзя, заблокируют. Спасибо.

[grabbee]

Возможно совпадение с выполнением Метрики случайное. Я просто не могу в этом разобраться.
QUEUEING ~ 20 секунд - иногда больше

Answer 1

[grabbee]

Проблема была в счетчике Метрики. Возможно косяк модуля через который подключается. В целом Вебвизор не совместим с СПА как я понял. Он начинает слать свои запросы во время переходов и блокирует загрузку скриптов и стилей. Соответственно имеем проблему. DEFER не помог, так как ещё сильнее усложняет интеграцию счетчика. Отключил Вебвизор и вроде бы стало получше. Он же блокировал загрузку и Шрифтов и Картинок на странице. Полностью ломал всё, но рандомно.