Friday, February 21, 2014

Chrome developer tools profiling flame charts

I just recently, and totally coincidentally, found out that Chrome developer tools can generate flame charts while profiling js code!
Recently it seems like generating flame charts from profiling data has become popular in languages like Ruby, python and php, so i'm excited to see that chrome has this option for js code as well.

The default view for profiling data in the dev tools is the 'tree view', but you can easily change it to 'flame chart' by selecting it on the drop down in the bottom part of the window.

Like here :


Then you will be able to see the profiling results, in a way that sometimes is easier to look at.
You can use the mouse scroll button to zoom in on a specific area of the flame chart, and see what's going on there.

In case you're not familiar with reading flame charts, then here's a simple explanation -
  • Each colored line is a method call
  • The method calls above one another represent the call stack
  • The width of the lines represents how long each call was

And here you can see an example of a flame chart, and I marked a few sections that the flame chart points out for us, that are non-optimized TryCatchBlocks. In this case it's comfortable viewing it in a flame chart because you can see nicely how many method calls each try/catch block is surrounding.


4 comments:

  1. What today's developer learn to prove themselves - The Great Logic behind every thing.
    Ref - hire php developer

    ReplyDelete
  2. Cách tắm trắng toàn thân an toàn tại nhàTắm trắng là dịch vụ có thể nói “hot” nhất trong những năm gần đây, chỉ cần tắm trắng vài lần là bạn có thể sở hữu được làn da trắng sáng, mịn màng nhưng mong muốn
    Tắm trắng toàn thân tự nhiên bằng cám gạoCám gạo có rất nhiều công dụng, nó được xem như thần dược lành tính, giúp làm trắng da.
    Tắm trắng chiếc lá có hại không?Ngày nay, nhu cầu làm đẹp của các chị em càng được nâng cao, việc sử dụng các mặt hàng sản phẩm, mỹ phẩm được lựa chọn nhiều.
    Tắm trắng khô là gì?Tắm trắng đang là phương pháp tắm trắng, chăm sóc da mới mà các chị em đang đổ xô sử dụng và ” đồn thổi” công dụng của nó.
    Cách tắm trắng bằng thuốc bắc hiệu quả an toàn tại nhàThuốc bắc có lẻ nhiều người biết đến là bài thuốc quý để dùng chữa bệnh và chắc ít ai biết rằng thuốc bắc còn được dùng để làm đẹp, giúp thay đổi nhan sắc, giúp làn da mịn màng, tươi trẻ hơn.
    Phương pháp tắm trắng bằng đậu đỏ và ngọc traiLàm đẹp là nhu cầu không thể thiếu đối với bất kì chị em nào, sở hữu được làn da trắng sáng mịn màng, nhiều chị em đã phải tốn nhiều công sức cho các phương pháp làm đẹp nhưng vẫn không đem đến sự hài lòng như mong muốn.
    Tắm trắng toàn thân nhanh nhất tại nhàTắm trắng đang là phương pháp làm đẹp mà nhiều bạn trẻ hiện nay lựa chọn, nhưng giờ đây bạn không cần phải đến spa để tắm trắng với giá đắt đỏ nữa.
    Phương pháp tắm trắng bằng bã cà phê và dầu oliuLàm đẹp với cà phê có lẻ còn lạ lẫm với các bạn, chắc hẳn bất kì ai cũng nghĩ rằng bã cà phê chỉ là thừa thải và đổ đi chứ không nghĩ rằng lại có tác dụng chăm sóc da vô cùng hiệu quả
    Cách tắm trắng khô bạc hàSở hữu làn da trắng sáng, mịn màng tự nhiên là mong ước của biết bao chị em, nhưng không phải ai sinh ra cũng may mắn sở hữu được làn da đẹp như vậy
    Nên tắm trắng bằng sữa tươi hay sữa chua ?Để sở hữu làn da đẹp mịn như vậy, nhiều chị em đã sử dụng các phương thức tắm trắng, nhằm cải thiện làn da của mình sao cho hiệu quả.
    Tắm trắng sakura có tốt không?Vấn đề làm đẹp đối với phụ nữ như là một điều thiết yếu không thể thiếu, cải thiện làn da đen xỉn màu thay vào đó làn da mịn màng, trắng sáng tự nhiên là mong muốn của tất các chị em.

    ReplyDelete