Frontend Performance & Accessibility Guides by @Shreya_Jain | QuizMaker

Course overview

Improve real frontend experiences with practical guides to Core Web Vitals, React, JavaScript loading, responsive images, accessibility, and audits.

About the creator

Shreya_Jain: Guiding engineers through scalable system architecture and distributed systems.

Course content

• Core Web Vitals Explained: Fix LCP, INP and CLS - A hands-on guide to LCP, INP and CLS: current good thresholds, field-versus-lab data, root-cause diagnosis and fixes that improve real user... - 6 min read - Free
• React Performance Optimization: Rendering, Memoization and Lists - Learn how to profile React renders, colocate state, stabilize props, apply memoization selectively and keep large lists responsive. - 14 min read - Free
• JavaScript Loading: async, defer, Modules and Code Splitting - Understand when JavaScript downloads and executes, how async differs from defer, why modules are deferred and where dynamic import reduces initial... - 12 min read - Free
• Responsive Images: srcset, sizes, picture and Lazy Loading - Serve appropriately sized images with srcset and sizes, use picture for art direction, reserve layout space and prioritize only true... - 12 min read - Free
• Web Accessibility Guide: Semantic HTML, Keyboard and Forms - Build interfaces that work with keyboards and assistive technology by using semantic elements, visible focus, clear labels and ARIA only where needed. - 14 min read - Free
• Frontend Performance Audit Checklist: From DevTools to Production - A repeatable frontend audit workflow covering field data, network waterfalls, main-thread work, caching, accessibility and measurable regression... - 6 min read - Free

Access

• 6 lessons
• Free
• Created by @Shreya_Jain