Filmstrip views

- [Instructor] Sometimes, selling web performance…to your managers or to your clients is difficult,…because they will answer, "Hey, my website or my web app…reacts in eight seconds, so it's good enough."…But we know it's not good enough, but how can we sell this?…Well I think that Filmstrip view is exactly what you need…to show to sell web performance.…So in Filmstrip view, this is web page test, later in this…course we will understand how to make this views,…but for now let's analyze the view.…

In this case, I'm going to see one screenshot of the page…of the browser every 1/100 milliseconds.…We can also get one per frame, or one per half a second.…Here we have a scroll bar, so you can fill the whites.…So it's like feeling the pain of seeing nothing, nothing,…until something appears here at 2.3 seconds.…And if you follow along, if you look at the bottom,…we have a red line there.…

So that red line moves according with the filmstrip scroll.…So basically, we can try to understand why the render…happens after 2.3 seconds.…

Resume Transcript Auto-Scroll

Author

Released

10/10/2017

Most enterprise apps are moving online. But if your application takes more than three seconds to load, more than 50% of your users will abandon it. Web performance optimization (WPO) helps developers increase conversion and user efficiency while reducing server load. WPO is an essential technique for efficient web-based applications, and it's one every enterprise architect and engineer should master. This course teaches the fundamentals of WPO, including the different types of metrics and charts the experts use to measure critical performance factors like load and interaction times. Discover the right tools for measuring aspects such as parsing and rendering speed, including WebPagetest, built-in browser developer tools, Google Lighthouse, and APIs that allow you to access real-time production performance data. Plus, see techniques that will improve performance on app load and usage on both mobile and desktop devices, increasing user's efficiency and perception of the app.