# インストール
![img](/mosaic-code.jpg)

# next.config.js に設定を追加する

![img](/mosaic-code.jpg)

# 起動する

![img](/mosaic-code.jpg)

# 計測結果が表示される

![image](https://user-images.githubusercontent.com/19757050/158003142-a0782566-55cf-4588-a143-8cf1d7d607eb.png)



# インストール
```yarn
yarn add -D speed-measure-webpack-plugin
```

# next.config.js に設定を追加する

```js
const SpeedMeasurePlugin = require('speed-measure-webpack-plugin')
const smp = new SpeedMeasurePlugin()

const moduleExports = {
  webpack(config) {
    return smp.wrap(config)
  },
}
```

# 起動する

```yarn
yarn dev
```

# 計測結果が表示される

![image](https://user-images.githubusercontent.com/19757050/158003142-a0782566-55cf-4588-a143-8cf1d7d607eb.png)



インストール

next.config.js に設定を追加する

起動する

計測結果が表示される

続きを読むには単価診断を受けてください（30秒）