May 3
Loading video player...
វីដេអូដែលបាន Record នៃសិក្ខាសាលា Online អំពី "តិចនិកធ្វើឲ្យគេហទំព័រដើរលឿន" ជាផ្នែកនៃ Web Optimization Series Recorded video of online workshop: "Practical Frontend Optimization" as part of Web Optimization Series ចូលក្រុមចុះឈ្មោះចូលរៀន: https://t.me/tfdTech ចូលទាញយក Demo នឹង លំហាត់: https://github.com/tfd-ed/tfd-workshop/blob/main/series/web-optimization/w1-frontend-optimization/materials/workshop-1-content.md Demo: https://github.com/KimangKhenng/demo-optimize TFD Workshop Repo: https://github.com/tfd-ed/tfd-workshop 🔑 អ្វីដែលរៀនបាន ✅ Performance Metrics Core Web Vitals (LCP, INP, CLS) Measurement tools (Lighthouse, WebPageTest, Chrome DevTools) Understanding performance impact on business metrics ✅ Image Optimization Native lazy loading implementation Modern image formats (WebP, AVIF) Responsive images with srcset Image compression techniques ✅ JavaScript Optimization Bundle size reduction through tree shaking Code splitting strategies Removing unused dependencies Deferred script loading ✅ Caching & CDN Cache-Control headers configuration CDN benefits and setup Long-term caching strategies ✅ Additional Techniques Eliminating render-blocking resources Font optimization with font-display Network optimization (HTTP/2, prefetch/preload) Framework-specific optimizations ✅ Production Monitoring Real User Monitoring (RUM) setup Performance budgets Continuous monitoring strategies IG: https://www.instagram.com/darachaukh/ YouTube: https://youtube.com/@tfdevs Website: https://www.tfdevs.com/ Linkedin: https://www.linkedin.com/in/qiang-cun-zhi/ TikTok: https://www.tiktok.com/@chaudarakh?_r=1&_t=ZS-91PipW1NUEU Telegram Channel: https://t.me/tfdTech Facebook Page: https://www.facebook.com/ChauDaraScienceEngineer #weboptimization #frontend