Optimizing Frontend Performance of a High-Load Search
summary
A production case study showing how a high‑load search was optimized in a web editor built with the ProseMirror framework. The solution uses NGXS for state, infinite scroll to load content incrementally, and WebWorkers to offload counting of matches; the talk walks through the real example and the practical application of these technologies.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 4:02Browser search challenges
- 9:42Initial search issues
- 19:35Why browser fails
- 21:02Optimizing counting
- 26:24Paragraph model handling
- 31:18ProseMirror editor
- 33:47Search highlighting
- 39:15Scrolling to results
- 40:18Optimization conclusions
- 41:00Q&A
related talks
28mJavaScript SEO (The "Right" Way)
47mThe Micro Frontend Architecture: How to Turn Your Website into a Giant Collaborative Puzzle
40mIn Search of... A better, fast
34mOptimizing Performance in Large-Scale React & Node.js Applications
17mPerformance Engineering in Dynamic Web
41mTechnical SEO for JavaScript developers
21mEvolution of Web Performance
48mThink Fast, First: Empowering a Performance Culture