Skip to content

Instantly share code, notes, and snippets.

@shershen08
Last active March 2, 2024 11:28
Show Gist options
  • Save shershen08/6329004c3035b577590914569b6f7a9d to your computer and use it in GitHub Desktop.
Save shershen08/6329004c3035b577590914569b6f7a9d to your computer and use it in GitHub Desktop.
Frontend and API Performance '24

Course title: Frontend and API Performance

Course covering on all technologies for modern web development with focus on performance.

Author: Mikhail Kuznetcov

Lessons:

  1. Introduction to web performance
  • Course intro | CRP | Web vitals | Tools
  1. Network caching
  • HTTP | Caching in browser | Compression | Images
  1. Faster loading
  • Preloading | CDN's | Edge functions
  1. JavaScript bundles
  • Bundle size | Tree shaking | webpack & vite | Tools
  1. JavaScript performance
  • Algorithms complexity | Data loading in JS | Profiling JavaScript | Web Workers
  1. Render performance
  • Rendering pipeline | Layouts | Images | Fonts | Tools
  1. Performant animations
  • Rendering | CSS | Repaints | Animations in React
  1. Memory JS performance
  • Event loop | micro-,macrotasks | GC | leaks | debugging
  1. Practice session
  • Improve HTML+CSS app, Improve React app
  1. PWAs & AMP apps
  • SSG | AMP | PWA
  1. React performance
  • Features for performance overview | Common pitfalls | React Dev tools
  1. SSR with Next.js
  • SSR | Next.js | Performance in Next.js apps | Vercel
  1. Server performance
  • Caching in backend | Cloud solutions | DB & indexes | Reddis
  1. App-level solutions
  • UI tweaks | REST, GraphQL, gRPC | ServiceWorker
  1. Summary + Final exam
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment