Open Event Web App
summary
Open Event Web App generator is a Node.js tool that takes an event JSON + media ZIP and produces a static site deployable to GitHub Pages or FTP; the generated client uses jQuery, Handlebars and Bootstrap. Practical results: lazy loading cuts image requests from ~203 to 22 on first view and drops initial load from ~1.7 minutes to ~3.5 seconds; Gulp image compression converts PNG→JPEG and reduces images to ~40–50 KB so the ZIP shrinks from ~12 MB to ~8–9 MB; Lighthouse score rises 75→90.
AI-written summary · about
chapters (8)
- 0:00Introduction to open event
- 1:57Generator and deployment
- 4:44Critical rendering path
- 6:43Identifying performance bottlenecks
- 8:47Optimizing CSS and JS
- 11:48Browser rendering pipelines
- 19:22Image lazy loading
- 21:27Automation and conclusion
related talks
32mComplex JS-heavy Web Apps, Avoiding the Slow
02h 21mUnlocking Progressive Web Applications
31mJS in Extreme Conditions: WebApps for the Refugee Aid Movement
01h 07mModern Frontend Engineering
28mEmpowering a Performance Culture
45mBuilding Web Apps That Don’t Suck
41mHow we make Web Apps lightning fast at Microsoft!
20mEvent Driven Frontends. What, why and how.