{"id":506,"date":"2024-10-16T16:12:27","date_gmt":"2024-10-16T23:12:27","guid":{"rendered":"https:\/\/blog.mozilla.org\/performance\/?p=506"},"modified":"2024-11-22T10:53:57","modified_gmt":"2024-11-22T18:53:57","slug":"announcing-perfcompare-the-new-comparison-tool","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/performance\/2024\/10\/16\/announcing-perfcompare-the-new-comparison-tool\/","title":{"rendered":"Announcing PerfCompare: the new comparison tool !"},"content":{"rendered":"\r\n<p style=\"text-align: left;\">About two years ago, I joined the performance test team to help build PerfCompare, an improved performance tool designed to replace Perfherder\u2019s Compare View. Around that time, we <a href=\"https:\/\/blog.mozilla.org\/performance\/2022\/06\/30\/introducing-a-new-performance-comparison-tool-perfcompare\/\">introduced PerfCompare<\/a> to garner enthusiasm and feedback in creating a new workflow that would reduce the cognitive load and confusion of its predecessor. And, if we\u2019re being honest, a tool that would also be more enjoyable from a design perspective for comparing the results of performance tests. But most importantly, we wanted to add new, relevant features while keeping Firefox engineers foremost in mind.<br \/><br \/><\/p>\r\n<div id=\"attachment_511\" style=\"width: 590px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-511\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-511 size-medium\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/Screenshot-2024-10-10-at-17.35.34-580x156.png\" alt=\"PerfCompare's first home page\" width=\"580\" height=\"156\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/Screenshot-2024-10-10-at-17.35.34-580x156.png 580w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/Screenshot-2024-10-10-at-17.35.34-940x252.png 940w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/Screenshot-2024-10-10-at-17.35.34-768x206.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/Screenshot-2024-10-10-at-17.35.34-1536x412.png 1536w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/Screenshot-2024-10-10-at-17.35.34-1000x268.png 1000w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/Screenshot-2024-10-10-at-17.35.34.png 1738w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><p id=\"caption-attachment-511\" class=\"wp-caption-text\">Started from the bottom&#8230; PerfCompare&#8217;s first home page<\/p><\/div>\r\n<p>Now, after working with Senior Product Designer Dasha Andriyenko to create a sleek, intuitive UI\/UX, integrating feedback from engineers and leaders across different teams, and achieving key milestones, we\u2019re excited to announce that PerfCompare is live and ready to use at <a href=\"http:\/\/perf.compare\">perf.compare<\/a>.<\/p>\r\n<div id=\"attachment_512\" style=\"width: 590px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-512\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-512 size-medium\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/perfcomparehomescreen-580x527.png\" alt=\"PerfCompare's current home page\" width=\"580\" height=\"527\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/perfcomparehomescreen-580x527.png 580w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/perfcomparehomescreen-940x854.png 940w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/perfcomparehomescreen-768x698.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/perfcomparehomescreen-1536x1396.png 1536w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/perfcomparehomescreen-1000x909.png 1000w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/perfcomparehomescreen.png 1838w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><p id=\"caption-attachment-512\" class=\"wp-caption-text\">Now we&#8217;re on top! PerfCompare today!<\/p><\/div>\r\n<p>Time to celebrate! \ud83c\udf89<br \/><br \/>PerfCompare\u2019s ultimate purpose is to become a tool that empowers developers to make performance testing a core part of their development process.<br \/><br \/>We are targeting the end of this year to deprecate Compare View and make PerfCompare the primary tool to help Firefox developers analyze the performance impact of their patches.<\/p>\r\n<p>We are in the process of updating the Firefox source docs, but documentation for PerfCompare can be found at <a href=\"https:\/\/docs.google.com\/document\/d\/1cpQEZXw0M5QjmNL2F1S9NKjWmz6A9Ks7zELVNTXLeB4\/edit?usp=sharing\">PerfCompare Documentation<\/a>. It provides details on all the new features currently available on PerfCompare and instructions on how to use the tool.<br \/><br \/>Some key highlights regarding features include:<br \/><br \/><\/p>\r\n<ul>\r\n<li>Allowing comparisons of up to three new revisions\/patches versus the base revision of a repository (mozilla-central, autoland, etc.)<\/li>\r\n<\/ul>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-513 aligncenter\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/threerevisionsvsbase-580x566.png\" alt=\"Search results with selected base and new revisions selected\" width=\"580\" height=\"566\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/threerevisionsvsbase-580x566.png 580w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/threerevisionsvsbase-940x918.png 940w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/threerevisionsvsbase-768x750.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/threerevisionsvsbase-1536x1500.png 1536w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/threerevisionsvsbase-1000x976.png 1000w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/threerevisionsvsbase.png 1872w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/p>\r\n<ul>\r\n<li>Searching revisions by short hash, long hash, or author email<\/li>\r\n<li>A more visible and separate workflow for comparing revisions over time<\/li>\r\n<\/ul>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-514 aligncenter\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/compareovertime-580x570.png\" alt=\"Compare over time with one revision selected\" width=\"580\" height=\"570\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/compareovertime-580x570.png 580w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/compareovertime-940x924.png 940w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/compareovertime-768x755.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/compareovertime-1536x1510.png 1536w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/compareovertime-1000x983.png 1000w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/compareovertime.png 1776w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/p>\r\n<ul>\r\n<li>Editing the compared revisions on the results page to compute new comparisons for an updated results table without having to return to the home page<\/li>\r\n<li>Expanded rows in the results table with graphs for the base and new revisions<\/li>\r\n<\/ul>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"size-medium wp-image-515 aligncenter\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/dropdowngraph--580x493.png\" alt=\"Expanded row in results table with graph\" width=\"580\" height=\"493\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/dropdowngraph--580x493.png 580w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/dropdowngraph--940x799.png 940w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/dropdowngraph--768x653.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/dropdowngraph--1536x1305.png 1536w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/dropdowngraph--2048x1740.png 2048w, https:\/\/blog.mozilla.org\/performance\/files\/2024\/10\/dropdowngraph--1000x850.png 1000w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/p>\r\n<p><br \/><a href=\"https:\/\/bugzilla.mozilla.org\/buglist.cgi?quicksearch=perfcompare\">And there\u2019s much more in the works!<\/a><br \/><br \/>I\u2019d like to extend a huge congratulations to the performance test team, Dasha, and everyone who has contributed feedback and suggestions to our user research, team meetings, and presentations. We owe PerfCompare\u2019s launch and continued improvement to you! <br \/><br \/>If you have any questions or comments about PerfCompare, you can find us in the <a href=\"https:\/\/chat.mozilla.org\/#\/room\/#perfcompare:mozilla.org\">#PerfCompare matrix channel<\/a> or join our <a href=\"https:\/\/chat.mozilla.org\/#\/room\/#perfcompare-user-research:mozilla.org\">#PerfCompareUserResearch channel<\/a>. If you experience any issues, please <a href=\"https:\/\/bugzilla.mozilla.org\/enter_bug.cgi?product=Testing&amp;component=PerfCompare&amp;status_whiteboard=[pcf]\">report them on Bugzilla<\/a>.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>About two years ago, I joined the performance test team to help build PerfCompare, an improved performance tool designed to replace Perfherder\u2019s Compare View. Around that time, we introduced PerfCompare &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/performance\/2024\/10\/16\/announcing-perfcompare-the-new-comparison-tool\/\">Read more<\/a><\/p>\n","protected":false},"author":1994,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[457026],"tags":[453961,311,265,457016],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts\/506"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/users\/1994"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/comments?post=506"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts\/506\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/media?parent=506"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/categories?post=506"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/tags?post=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}