Как замерить время работы SSR?

Question

[Jekins D&D]

Есть приложение на Vue.js с SSR на Nuxt.js. У кого есть идеи, как замерить время рендеринга приложения на сервере? На клиенте можно уцепиться за событие onLoad или DOMContentLoaded и вывести время ранее запущенного таймера, но за что можно уцепиться на сервере?

Comments

[Даша Циклаури]

при поступлении запроса записываешь в request в какое-то поле ts, а перед самой посылкой считываешь и считаешь время

[Jekins D&D]

Я не делаю никаких дополнительных запросов для ssr. Функционал ssr спрятан под копотом Nuxt.js. С моей стороны, один и тот же код исполняется и на сервере и на клиенте. Определить, что я на сервере - могу, но вот когда отработка скриптов на сервере заканчивается, пока не догадался.

Answer 1

[Jekins D&D]

Откопал ответ на свой вопрос. Может кому пригодится.

Создаем модуль по пути srс/modules/renderRouteDone.js в котором прописываем нужные нам хуки.

Например, хук завершения рендеринга и отправки на клиентскую часть:

export default function RenderRouteDone () {
  this.nuxt.hook('render:routeDone', (url, result, { res }) =>  {
    console.log('Route is server-rendered');
  });
}

и подключаем модуль в файл nuxt.config.js:

export default {
  ...
  modules: [
    '~/modules/renderRouteDone'
  ]
  ...
}

Подробнее про модули в Nuxt.js можно прочитать здесь.

Еще вариант, это через плагины.

import { isServer } from '../utils';

export default (context) => {
  if (isServer) {
    console.time('SERVER-TIME');

    context.beforeNuxtRender(_ => {
      console.timeEnd('SERVER-TIME');
    });
  }
};