Nuxt.jsでnoteの記事ページを置き換えました｜こんぴゅ

noteの記事ページがリニューアルしてパワーアップしました。記事の読み込み、描画が格段に高速化されています。 noteのフロントエンドはAngular.jsの1系で運用されてきましたが、実行効率が悪く表示速度が遅いという問題がありました（特に古いスマホで顕著）。問題を根本解決するためにNuxt.jsへの移行を進めていました（詳しい経緯は以下の記事をごらんください）。 今年から、おすすめページ、マガジンページ、コンテスト一覧ページなど部分的にNuxt版に置き換えていきました。nodejsやNuxt.jsサーバーの運用が初めてだったので一気に置き換えるのではなく少しづつリリースして様子を見ながら進めました。 運用を2ヶ月ほどしてみて、インフラ面、実装面で問題なさそうなことが確認できたため、noteのトラフィックの多くを占める記事ページ（このページがまさにそうですね）のNuxt.js版リリースを

[pinossos]

技術的に優れていても一つのミスで全て否定されかねないセキュリティの怖さ

[masatotoro]

Nuxtでは659KB

[hirorock]

nuxtサーバは6台〜か 参考になります

[hush_in]

noteってそんなにJS使う所あるのかな

[RATCHO]

ここからのチューニングフローも期待してます！

[yasu-log]

Nuxt.js化されるウェブサイトが増えてきましたねー

[smbd]

"ロードされるjsとcssの容量が減りました。Angular.js1系では合計1080KBでしたが、Nuxtでは659KBまでダウンサイズ" それでもそんなにデカイんだ…

[dala]

おお、ついに！　参考になる。てかbeforeのパフォーマンスやばいｗ