סקירה כללית
נושאי הקורס
למי מתאים הקורס?
סקירה כללית
הביצועים של אפליקציות ווב חשובים. מחקרים מראים שביצועים לא מספקים פוגעים באופן ישיר ברמת השימוש והביצועים העסקיים של האפליקציה.
בנוסף, נושא זה הופך מאתגר ככל שאפליקציות הווב הופכות מתוחכמות והמשתמשים מצפים לחווית שימוש מעולה.
אבל מהם ביצועים מספקים? וכיצד אפשר לשפר אותם באפליקציה שאנו מפתחים?
בקורס פרקטי זה נבין מהם שלושת הנדבכים של ביצועים באפליקציית ווב, נלמד כיצד מודדים את רמת הביצועים ונכיר את הכלים והשיטות שזמינים לנו כמפתחים לצורך שיפור הביצועים של האפליקציות שלנו. הדגש יהיה על אפליקציות ריאקט, אך רוב הנושאים רלוונטיים לכל אפליקציית ווב.
נושאי הקורס
Runtime
- React components.
- Virtual dom.
- Reconciliation.
- Wasteful renders.
- Memoization (hooks, PureComponent).
- Virtualization.
- Using placeholders.
- Hotspots.
- Webworkers.
- Webassembly.
- Request animation frame.
- Request idle callback.
Development
- Webpack plugins – dll, hard source.
- Webpack performance.
- Hot module reload.
- Typescript.
- Prettier.
Intro
- What is performance.
- Why it’s important.
- Perceived vs real performance.
- How fast is fast enough?
- Performance budget (Milestones, quantity, rules).
- Milestones.
- First paint.
- First contentful paint.
- First meaningful paint.
- Time to interactive.
- The RAIL model.
- The importance of measuring.
- The three aspects of performance (dev, delivery, run time).
Tools
- Performance audit.
- Performance in devtools.
- External services (Web PageTest, pingdom, GA).
Delivery
- Anatomy of Web page loading.
- Server Side Rendering.
- Intro to NextJs.
- Static site.
- Classic vs SPA.
- Bundle size.
- Code splitting.
- Assets optimization.
- Sprites.
- Cache headers.
- Service worker cache.
- Using a CDN.
- Above the fold rendering.
- Prefetching.
למי מתאים הקורס?
למי מיועד הקורס?
מפתחי Front-End
דרישות מקדימות
- היכרות בסיסית עם JavaScript.
- היכרות בסיסית עם עולם ה- Web כולל HTTP, CSS, HTML.
- ניסיון עם React (לא הכרחי).