{"id":580,"date":"2026-09-03T11:29:50","date_gmt":"2026-09-03T18:29:50","guid":{"rendered":"https:\/\/blog.mozilla.org\/performance\/?p=580"},"modified":"2026-09-03T11:29:50","modified_gmt":"2026-09-03T18:29:50","slug":"introducing-perfcompares-simple-view","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/performance\/2026\/09\/03\/introducing-perfcompares-simple-view\/","title":{"rendered":"Introducing PerfCompare\u2019s Simple View"},"content":{"rendered":"<p>We heard you. You don\u2019t want to open your PerfCompare performance comparison and feel like you need a background in statistics to interpret the Mann-Whitney-U results. Cliff&#8217;s Delta, CLES, and normality tests, oh my! It should not feel like you\u2019ve blindly walked into a college stats exam, unless of course, you love statistics. For the rest, all you want is an easy answer to the question: Did my changes make things faster or slower?<\/p>\n<p>So we fixed that. PerfCompare now shows the bare essentials by default and tucks the heavy statistics one click away.<\/p>\n<h2>An approachable default for beginners and occasional users<\/h2>\n<p>The results table now leads with the platform, the Base and New values, how far the median moved and its direction, the status (which includes the option to filter out noise) and the size of the change. To create a more advanced view, a single \u201cAdvanced options\u201d dropdown allows you to add the expert columns (Cliff\u2019s Delta, CLES, Significance) and the info-rich expanded row details below the full-width graph. A small help section at the top of the results provides a quick explanation of the columns. The purpose is to serve a diverse audience while preserving your selections in the URL so a shared link reproduces your view.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-581 size-extra-large\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/simpleview-1000x532.png\" alt=\"PerfCompare Results Table\" width=\"1000\" height=\"532\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/simpleview-1000x532.png 1000w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/simpleview-580x309.png 580w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/simpleview-940x500.png 940w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/simpleview-768x409.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/simpleview-1536x818.png 1536w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/simpleview.png 1619w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>The \u201cAdvanced options\u201d dropdown lets you add the precise statistics columns:<\/p>\n<ul>\n<li aria-level=\"1\"><b>Cliff&#8217;s Delta<\/b>: An effect-size measure of how far the Base and New distributions have pulled apart<\/li>\n<li aria-level=\"1\"><b>CLES (Common Language Effect Size):<\/b> The chance a random New run beats a random Base run, e.g. &#8220;New wins 78% of the time&#8221;<\/li>\n<li aria-level=\"1\"><b>Significance<\/b>:\u00a0 Whether the difference is a real signal or just noise<\/li>\n<\/ul>\n<p>Each one toggles on independently, so you can surface only Significance or the whole trio.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-583 size-extra-large\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-03-at-11.26.06-1000x613.png\" alt=\"PerfCompare Results Table\" width=\"1000\" height=\"613\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-03-at-11.26.06-1000x613.png 1000w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-03-at-11.26.06-580x356.png 580w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-03-at-11.26.06-940x576.png 940w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-03-at-11.26.06-768x471.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-03-at-11.26.06.png 1445w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Expand a result and you get a clean panel: a full-width graph of how your Base and New runs are spread out, a quick summary (platform, app, which direction is &#8220;better&#8221;), and a little &#8220;how to read this graph&#8221; tool-tip for anyone who hasn&#8217;t stared at a distribution curve before. You can still poke at the graph&#8217;s mode controls if you want to dig in.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-584 size-extra-large\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-02-at-15.19.48-1000x657.png\" alt=\"PerfCompare Expanded Row\" width=\"1000\" height=\"657\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-02-at-15.19.48-1000x657.png 1000w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-02-at-15.19.48-580x381.png 580w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-02-at-15.19.48-940x617.png 940w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-02-at-15.19.48-768x504.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2026\/09\/Screenshot-2026-09-02-at-15.19.48.png 1503w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>You can access the extra expanded row details such as effect size and confidence intervals or the full stats table in the \u201cAdvanced options\u201d dropdown. Turn on what you need, and the expanded extras lay out in neat two-column rows. If you turn on mode analysis and there aren&#8217;t multiple modes to show, we now say &#8220;No mode analysis available&#8221; instead of a blank space.<\/p>\n<p>Lastly, the advanced columns and expanded-row details you&#8217;ve switched on, along with your filters and sorting, are all encoded in the URL. Paste it to a coworker and they&#8217;ll land on the same result you were looking at; for filters and sorting, the shared link takes precedence over whatever they had saved locally. (One exception: the &#8220;How to read the results&#8221; panel is a personal per-browser preference, so it stays with you rather than tagging along on the link.)<\/p>\n<h2>What&#8217;s next<\/h2>\n<p>Several follow-ups on the way:<\/p>\n<ul>\n<li aria-level=\"1\"><b>Remembering your advanced choices. <\/b>Right now the advanced columns and expanded-row toggles start from the clean defaults each visit (they only persist in a link). Soon PerfCompare will remember them in your browser the same way we do for filters. However, if you open a shared link from a colleague, their specific view takes priority, overriding your own local settings so you both see the exact same data.<\/li>\n<li aria-level=\"1\"><b>Carrying your selections into subtests. <\/b>Today, the Advanced options you pick on the main results page don&#8217;t follow you when you open a test&#8217;s subtests. We&#8217;re wiring it up so whatever you&#8217;ve enabled up top is automatically enabled in the subtests dropdown too, for one consistent view.<\/li>\n<li aria-level=\"1\"><b>Expanding the \u201cHow to read the results\u201d cheat sheet <\/b>to include Cliff\u2019s Delta, CLES, and Significance definitions.<\/li>\n<\/ul>\n<h2>Share your feedback<\/h2>\n<p>We want PerfCompare to work for all users, whether you&#8217;re chasing your first regression, or you\u2019re an expert who doesn\u2019t want to lose their favorite metrics to a cleaner view. Our answer is separating the simple view from the power user view, and making the toggle obvious and shareable.<\/p>\n<p>The great news is it\u2019s live now! Go expand a Mann-Whitney-U result, click around the Advanced options, and tell us what you think. Please share your feedback, suggestions, or comments on <a href=\"https:\/\/matrix.to\/#\/#perfcompare:mozilla.org\">the #perfcompare channel on Matrix<\/a>. If you&#8217;ve encountered a bug or have a feature request, please file them <a href=\"https:\/\/bugzilla.mozilla.org\/enter_bug.cgi?product=Testing&amp;component=PerfCompare&amp;status_whiteboard=%5Bpcf%5D\">in Bugzilla<\/a>. We\u2019re listening.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We heard you. You don\u2019t want to open your PerfCompare performance comparison and feel like you need a background in statistics to interpret the Mann-Whitney-U results. Cliff&#8217;s Delta, CLES, and &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/performance\/2026\/09\/03\/introducing-perfcompares-simple-view\/\">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":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts\/580"}],"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=580"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts\/580\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/media?parent=580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/categories?post=580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/tags?post=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}