Srini Kusunam

Building an Angular App which should support 100+ countries each 2+ languages, Enterprise CMS, fully ADA compliant and Google cloud.
Ex @ngChicago @ngHyderabad

[Srini Kusunam @skusunam]

I will be at AWS reInvent from Dec-2nd to 6th. Love to meet if any of you are attending? #awsreinvent

[Srini Kusunam @skusunam]

@DamienJubeau @katiehempenius This looks super cool. I didn't check the other features you have there.

[Srini Kusunam @skusunam]

@mohamedzamakhan hey, are you coming for the meetup? Looks like you are presenting today?

[Srini Kusunam @skusunam]

@samjulien For years my side projects are freelance projects. I have done 50+ side projects on popular freelance sites. I look at fixed bid projects with 1-3 weeks effort and it is challenging and interesting enough. This will force me to do real world problem.

[Srini Kusunam @skusunam]

@bradlygreen Brad, good luck with your new venture. I still remember the day we invited you for our first meetup at @ngChicago on 1/29/2013 and then I went on to form @ngHyderabad and then involve in building ngPune and then DallasNg. Thanks for all your support.

[Phil Webb 🍃 @phillip_webb]

I'm thinking about writing a new book on microservices where each page is delivered separately and there's no guidance on how to stick them all together.

[Srini Kusunam @skusunam]

[angular-perf]
Now sure how are other Angular app Developers optimizing their Angular sites for their users who are in 3G / low bandwidth networks? Also how we can get the numbers @addyosmani is talking in this blog w/ Angular: https://t.co/jQAbA7TDSV #Angular

[Srini Kusunam @skusunam]

[angular-perf]
2. After Angular upgrade Vendor bundle went down to 711KB from 818KB. Out of this Angular is 494KB and RxJs 59KB, total 553KB and not sure I can bring this down further.
..contd-4

[Srini Kusunam @skusunam]

[angular-perf]
2. Somehow I need to bring down the vendor and main bundles size. The site has other bundles which are lazy loaded but still main is too big. Here is how i am trying to improve this:
..contd-2

[Srini Kusunam @skusunam]

[angular-perf]
1. Inspect each bundle with `webpack-budle-explorer` and see what is included in these bundles. I see RxJS is including everything and tree shaking is not applied to it. Update Angular to latest 7.2.15 and RxJS to 6.5 and use pipeable operator.
..contd-3

[Srini Kusunam @skusunam]

[angular-perf]
1. The homepage loads super fast w/SSR but the user can't make any action as the site is still downloading JS files (vendor-818KB, main-690kb, polyfill-93kb). All gzipped but I am including actual size which the browser needs to process.
..contd-1

[Srini Kusunam @skusunam]

[angular-perf] Helping an Indian e-commerce site which is built with Angular-5.2 to increase the overall homepage speed from 15-17secs w/SSR on a mobile w/ Fast-3G to a single digit and here is what I am going through ...contd-0

[Srini Kusunam @skusunam]

@Algorithmist I can DM here only if you follow me. Can we after 4:30PM on Friday please? She has school till 3:45PM.

[Srini Kusunam @skusunam]

@Algorithmist Hey Jim, I have a quick request. My daughter is in 6th grade at Nelson Middle school and she loves Maths and wants to be a mathematician. From school, she needs to interview someone like you for 15mins or so. Can you plz let me know if you can spare 15mins?

[Srini Kusunam @skusunam]

@mohamedzamakhan Yup, so far it is going good. Just want to have casual chat :).

[Srini Kusunam @skusunam]

@mohamedzamakhan When we load page we have to make some api calls to pull localized json files and also 1-2 confit api calls. We have one bundle which needs to serve 100+ countries. Just a casual talk on SSR.

[Srini Kusunam @skusunam]

@mohamedzamakhan Just regular chat on what I am trying to do and learn from some of your experience on SSR.

[Srini Kusunam @skusunam]

How do we lazy load an Angular component instead of module? https://t.co/PhSC2Shh6j. This is not possible today and it looks like Angular team is working on to make whole module system easy. #angular7 #ivy