關於這一集
Enhance Web Performance by Looking at the following perspectives:
- Image handling
- Minify/Uglify
- Async/defer JS load
- CDN
- React performance
- Angular Performance
- Build performance
- Monitoring
- Device progressive
- JS bundle
- Web workers
- Better programming
- Caching
- API-UI interaction by PushstreamCOntent/StreamContent/Web sockets/Signal R
- Webpack
Important URLs
– https://developers.google.com/web/fundamentals/performance/why-performance-matters/
https://uxdesign.cc/35-quick-tips-about-web-performance-114b8fab0d6
– https://stackoverflow.com/questions/16168683/webapi-streamcontent-vs-pushstreamcontent
– https://gist.github.com/Rich-Harris/fd6c3c73e6e707e312d7c5d7d0f3b2f9
– https://medium.com/prolanceer/optimizing-react-app-performance-using-web-workers-79266afd4a7
– https://stackoverflow.com/questions/16168683/webapi-streamcontent-vs-pushstreamcontent
– https://blog.logrocket.com/using-webworkers-for-safe-concurrent-javascript-3f33da4eb0b2/
– https://www.npmjs.com/package/async
– https://blog.oharagroup.net/a-performance-comparison-websql-vs-indexeddb-6632d6b5dfd4
– https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators
– https://medium.com/@torch2424/webassembly-is-fast-a-real-world-benchmark-of-webassembly-vs-es6-d85a23f8e193
– https://webpack.js.org/guides/build-performance/
– https://github.com/angular/angular-cli/issues/10658
– https://hackernoon.com/how-to-speed-up-continuous-integration-build-with-new-npm-ci-and-package-lock-json-7647f91751a
– https://www.codementor.io/blog/react-optimization-5wiwjnf9hj
– https://angular-guru.com/blog/angular-performance-tips
– https://webpack.js.org/configuration/optimization/
– http://kurtzace.com/category/podcasts/technologyicing/
– https://www.makeuseof.com/tag/how-to-copy-urls-open-tabs-firefox/
About the authorWith an overall experience of 7 years and masters from CSU, USA Karan possess expertise in numerous domains ranging from .NET MVC/WebApi, Java, web apps and native apps. Created multiple mobile apps in Android, web app, iOS & Win 7.5&8. Microsoft Certified in MVC5. Angular JS certified. Currently I am helping Société Générale with a series of applications as a full stack developer involving Dot Net Core 2.0 WebApi, angular JS, Oracle DB, SSAS cubes, React Web components. Prior to that my stint with Infosys involved creation of an automation framework for VISA client using Node JS. Made multiple proof of solutions around Framework of Commonwealth Bank of Australia from Bangalore utilizing .NET MVC, Angular JS, Node JS and JWT identity protection. After revamping the service access layer of ANZ goMoney Android application, I worked on its Unit test framework, Gradle toolset, Location based services. Following that I had assisted ANZ Wallet team with tap and pay application using NFC, HCE and GCM. Beyond that my services were used to rewrite NAB Mobile App with cutting edge development practices like dependency injection, material design, testing, build and support libraries .I was responsible for crafting a few UI screens and spearheaded the performance initiative for Android app utilized by DirecTv field service technicians via Infosys,Worked in Bank Of America via Infosys in mobile division USA, NC for 2yrs., prior to that- TIBCO, CA. My profile is http://linkedin.com/in/kurtzace, project portfolio is http://be.net/KaranBhandari.
Projects: https://dropr.com/karanbhandari
Git: http://github.com/kurtzace,
Youtube: http://youtube.com/kurtzace
Website: http://kurtzace.com
Twitter: http://twitter.com/kurtzace
Linkedin: https://www.linkedin.com/in/kurtzace/
