Code-splitting and minimal edge latency: the perfect match

Code-splitting and minimal edge latency: the perfect matchFastly Fiddle, our code playground tool, is a React single-page app that uses the excellent Monaco IDE component that powers VS Code. Problem is, Monaco is huge. And most uses of Fiddle are read only. Do we really need to load a whole IDE to display some non-editable code? No! Is lazy loading code that's cached at the edge really fast? Yes!

[efcl]

create-react-appで作られたエディタアプリのパフォーマンス改善について。 コードエディタにmonaco-editorを使いメインのJSが大きくなっているため、chunkに分離する話。 またchunkのようなscriptに対しては`prefetch`や`preload`は逆効果