Web Performance
Using the Firefox Profiler for web performance analysis
The Firefox Profiler is a profiler that is built into Firefox. It has tighter integration with Firefox than external profilers. With its special annotations on Firefox's source code, it tells you what's happening at a point in time on your JavaScript code. With various measurements, it can provide more information and insight into your web application.
During the talk, I will be briefly explaining the profilers, how to capture a good profile and how to analyze the profile data. I will be sharing Firefox Profiler specific features and how to make the best use of them. In the end of the slides, I will be doing a demo on how to analyze a performance problem.
A profiler is a tool that monitors the execution of an application and gathers the data about the program execution in that time frame. Using a profiling tool to look at problems can make it a lot easier to figure out what’s going on in the application. It helps you to get detailed information about the execution of your application and it allows you to understand the behavior of it.
At Mozilla, we are working hard to make the Firefox Profiler better for web developers. In Firefox, we are replacing the old performance panel inside the Developer Tools with Firefox Profiler so people can fully utilize all the new features that come with Firefox Profiler. We are both happy and excited to share more about this tool!
Additional information
| Type | devroom |
|---|
More sessions
| 2/7/21 |
As web developers, we are often used to a wall called "browser/standard issues", which only the browser vendors like Apple, Google and Mozilla can influence. In this presentation, I will share several performance-related projects I've worked on in the last year that allowed companies like WikiMedia and Cloudinary make the browser platform work better for them.
|
| 2/7/21 |
WebPageTest is one of the most well known and important tools in the web performance community. It's been actively developed by Pat Meenan since he worked at AOL in 2008. It has become the go to tool for both very simple to very advanced debugging of the web performance of a website. One of its most well known charts is the waterfall chart. In this talk I'm going to introduce the waterfall chart and also go into detail on how you can examine and read it. The more you understand about the chart, ...
|
| 2/7/21 |
The new QUIC and HTTP/3 protocols are finally here! With their standardization at the IETF almost complete and several mature implementations being deployed, we can start looking into which performance improvements they bring in practice. There's just one problem though: they're quite complex and difficult to test. Using high level tooling like lighthouse might show that they're faster or slower, but rarely why. But problems are there to be solved, and that's what I've been doing for the past 2 ...
|
| 2/7/21 |
It's 2021, and we are in a climate emergency. If you're a web professional, you've probably figured out that if the internet runs on electricity, and a lot of electricity comes from burning fossil fuels, there are steps we can take as technologists to make our use of the internet measurably more sustainable, by changing how we use digital infrastructure. In this talk, we'll cover some of the levers available to you as a maker of digital services, and how we can extend open source tools to help ...
|
| 2/7/21 |
Categorizing device types by desktop, mobile and tablet no longer works in 2021. It is oversimplified, meaningless and likely breaks your current performance analysis on a modern responsive website. As #perfmatters we need meaningful monitoring that takes into account the modern web: - Screen dimensions - Device pixel ratios - Image and CSS breakpoints - Connections Keeping it both simple and meaningful is however not easy! Learn about the different approaches and how to apply this to your ...
|
| 2/7/21 |
Patrick will discuss the background behind the WebPageTest license change from Apache to Polyform Shield as well as the new features introduced to WebPageTest since the acquisition by Catchpoint.
|
| 2/7/21 |
Tempesta TLS is an implementation of TLS handshakes for the Linux kernel. Since the kernel already provides symmetric ciphers, we focus on asymmetric cryptography only, elliptic curves in particular. Use used the mbed TLS library as the foundation and almost fully rewrote it to make is x40 faster. During our development we also use parts of WolfSSL library. While WolfSSL outperforms OpenSSL, it uses the same algorithms, which are 5-7 years of old. Tempesta TLS uses newer and more efficient ...
|
