How to Develop High Performing Web Applications

Optimizing web applications can be incredibly challenging, even with state-of-the-art frameworks, and especially when maintaining beautiful user experiences, tracking analytics, reporting bugs, and communicating in real-time with users.

This video shares tips on improving a web application’s load time by deprioritizing non-visible content and 3rd party services with asynchronous loading. This video uses the analogy of travel to Mars to explain a simple rule of thumb for enterprise-grade web performance.

Timestamps:

0:00 - Intro

1:26 - How to reduce web application loading time

1:39 - Speed improves experience and conversion rates

1:56 - How we reduced loading time to 1-2 seconds

2:46 - Prioritizing what is most important

3:10 - Content is top priority

3:32 - Above-the-fold content

3:46 - Interaction enhancements can be lazy-loaded

4:20 - Deprioritize non-visible content and 3rd party services

5:08 - Importing code from other modules in JavaScript

6:22 - How to import a bug tracker

6:45 - How to import date functions

Subscribe to the Modus Create YouTube Channel to get more insights about creating world-class web applications: http://mdus.co/subscribe

Modus Create maintains an active blog on web development, customer experience, and product management. Check it out: https://moduscreate.com/blog

Grgur on Social Media:
Twitter: https://bit.ly/2Q7Y5tv
LinkedIn: https://bit.ly/2PEEbqW
GitHub: https://bit.ly/2MaOVuU

Modus Create is a disruptive consulting firm that helps companies transform for success in the digital future through a unique collaborative engagement model that focuses on strategy, product design/build, user experience, company culture, and process change.

https://moduscreate.com

#Ecmascript #Typescript #WebPerformance #AsynchronousLoading #Performance #Reactjs #GoogleLighthouse #WebsiteSpeed #WebDevelopment #tsx