JSFoo: round the year submissions

Submit talks on JavaScript and full stack engineering round the year

Performance Metrics For Modern Apps

Submitted by Shubham Jindal (@skjindal93) on Monday, 5 March 2018

videocam
Preview video

Technical level

Intermediate

Section

Full Talk

Status

Submitted

Vote on this proposal

Login to vote

Total votes:  +45

Abstract

It has become critically important to improve your performance of web apps. Users should have a good visual experience while loading a web app. Be it pre-loading important resources, or displaying cached resources, or rendering hero elements first, users should be able to interact with web apps as soon as possible

There are certain myths about web performance monitoring. Myths like My website loads in X seconds or Performance only matters at load time. But, the reality is poor performance can happen at any time, not just during load. Traditional performance metrics like DOMContentLoad and onLoad are highly inadequate.

With this talk, you can learn how to improve user experience and web performance in different scenarios using various performance metrics

Outline

Numerous performance metrics exist to improve user experience. This talk will focus on:

  1. Performance Metrics
    • Why do we need performance metrics?
    • Which metrics are important?
    • What do these metrics mean?
    • How to measure them?
    • How to improve them?
  2. Performance Monitoring Tools
    • Performance Monitoring Tools in market
    • How to use them?
    • Which metrics can be measured using them?
  3. Web APIs to look for

Takeaway
1. Measure performance of your website
2. Improve different pain points slowing down your website
3. Happy users, even in different scenarios(poor network, different geo locations, various browsers)
4. Performance monitoring tools

Speaker bio

I currently work as Software Developer in AppDynamics. I work on developing a Javascript agent which captures important performance metrics for our customers’ websites. We make sure the agent is light-weight, works irrespective of browser and OS versions

I have deep knowledge on working of SPA frameworks(Angular, React, Ember etc) and have a first hand experience in developing web apps using them. I remain updated with the latest web technologies in market and always curious to understand their usefulness, working and adaptation.

Links

Slides

https://www.icloud.com/keynote/0DR4DnOopehSWeopLFkovy7IA#JSFoo_2018

Preview video

https://youtu.be/l_TXQUVuDDM

Comments

  • 1
    Zainab Bawa (@zainabbawa) Reviewer 8 months ago

    Shubham, you need to upload a two-minute preview video, explaining what this talk is about and why participants at JSFoo should attend. Without the preview video, we cannot evaluate your talk.

    • 1
      Shubham Jindal (@skjindal93) Proposer 8 months ago

      Hi Zainab, I have updated the talk with a 2 minute preview video link

  • 1
    Zainab Bawa (@zainabbawa) Reviewer 3 months ago

    This is an introductory talk. If the talk was case-study based, it may have been more interesting for the JSFoo audience.

    • 1
      Shubham Jindal 3 months ago

      I agree with you. The talk focuses on what metrics are important to look to improve performance of your websites, how to measure them, improve performance of your websites in various cases and how traditional metrics are no longer useful in modern apps.

      The talk focuses a larger audience. A case study might be too specific for talking about improving performance. Performance varies across websites and apps.

Login with Twitter or Google to leave a comment