Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Development Tools Front End Web Optimization Workflow Why Performance Matters Measuring Performance with Assessment Tools

Balázs Földesi
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree seal-36
Balázs Földesi
Full Stack JavaScript Techdegree Graduate 16,750 Points

Performance for Angular2+ apps?

The performance measurement is clear in these cases in the video. But when i tested my angular 2 app, looks things different. Like what would be a good performance budget for an angular 2 app? My app is pretty simple, and have: HTML 2.7 kB Images 73.7 kB CSS 282.6 kB JavaScript 1.9 MB

That's looks like too much at start and i don't really see where could i cut the weight.

Then i tested my site on the recommended sites and on them looks like they can't really test it, they stuck on the initial index.html without the real content. The Lighthouse says: First meaningful paint: 9543.6ms (target: 1,600ms) The pagespeed gives me 40/100 and 46/100, says 7 passed and 2 should fix: Enable compression Eliminate render-blocking JavaScript and CSS in above-the-fold content

Although in reality my sites have 1.8 s load time. So it's looks like the Angular 2+ apps performance can't really measured.