{"id":160,"date":"2021-07-15T05:08:05","date_gmt":"2021-07-15T12:08:05","guid":{"rendered":"https:\/\/blog.mozilla.org\/performance\/?p=160"},"modified":"2021-07-15T05:08:05","modified_gmt":"2021-07-15T12:08:05","slug":"whats-new-in-perfherder-2","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/performance\/2021\/07\/15\/whats-new-in-perfherder-2\/","title":{"rendered":"What\u2019s new in Perfherder?"},"content":{"rendered":"<p>Since last &#8220;What&#8217;s new in Perfherder&#8221; article a lot has changed. Our development team is making progresses towards automating the regression detection process. This post will cover the various improvements that have been made to Perfherder since July 2020.<\/p>\n<h3>Alerts view<\/h3>\n<p>We added tags for tests. They are meant to describe what type of test it is. For example, the alert below is the <span id=\"alert 122729 title\" class=\"\" title=\"This alert was retriggered by the backfill bot.\">PerceptualSpeedIndex<\/span> <strong>visual<\/strong> metric for the <strong>cold<\/strong> variant of <span id=\"alert 122729 title\" class=\"\" title=\"This alert was retriggered by the backfill bot.\">reddit.<\/span><\/p>\n<div id=\"attachment_162\" style=\"width: 1237px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-162\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-162 size-full\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-13-22-49.png\" alt=\"Alert\" width=\"1227\" height=\"226\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-13-22-49.png 1227w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-13-22-49-300x55.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-13-22-49-600x111.png 600w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-13-22-49-768x141.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-13-22-49-1000x184.png 1000w\" sizes=\"(max-width: 1227px) 100vw, 1227px\" \/><p id=\"caption-attachment-162\" class=\"wp-caption-text\">The &#8220;Tags&#8221; column is next to &#8220;Test and platform&#8221;<\/p><\/div>\n<p>We improved the checkbox of the alert summaries so can all alert items be selected by a specific status.<\/p>\n<div id=\"attachment_163\" style=\"width: 160px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-163\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-163 size-thumbnail\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-02-04-150x150.png\" alt=\"Check alerts menu\" width=\"150\" height=\"150\" \/><p id=\"caption-attachment-163\" class=\"wp-caption-text\">Check alerts menu<\/p><\/div>\n<p>Talos tests now have links to documentation for every alert item, so if one isn&#8217;t very familiar to the regressed\/improved test, this documentation can help for a better understanding of it. The alert items can be sorted by the various columns present in the alerts view. We split the <strong>Test and platform <\/strong>column into <strong>Test<\/strong> and <strong>Platform<\/strong> and we are now able to sort by platform also.<\/p>\n<p>The <strong>Previous Value<\/strong>, <strong>New<\/strong> <strong>Value<\/strong>, <strong>Absolute Difference<\/strong>, and <strong>Magnitude of Change <\/strong>were joined together into a single <strong>Magnitude of Change<\/strong> column as they were showing basically the same information. Last but not least, the graph link at the end of each test name was moved under the star as a graph icon.<\/p>\n<div id=\"attachment_228\" style=\"width: 1239px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-228\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-228 size-full\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-12-42-00.png\" alt=\"Alerts view\" width=\"1229\" height=\"310\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-12-42-00.png 1229w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-12-42-00-300x76.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-12-42-00-600x151.png 600w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-12-42-00-768x194.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-12-42-00-1000x252.png 1000w\" sizes=\"(max-width: 1229px) 100vw, 1229px\" \/><p id=\"caption-attachment-228\" class=\"wp-caption-text\">The documentation link is present at the end of every test name and platform The sorting buttons are available next to each column<\/p><\/div>\n<h3>Regression template<\/h3>\n<p>We&#8217;ve almost automated the filing of the regression bugs. We don&#8217;t have to copy-paste anymore the details from the regressor bug but just to input its number in the dialog below and the new bug screen the fields will auto-populate. The only thing that&#8217;s left to be automated is setting the <strong>Version<\/strong> of the bug, which should be the latest release of Firefox. It is currently set to <em>unspecified<\/em>.<\/p>\n<div id=\"attachment_165\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-165\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-165 size-medium\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-21-14-300x165.png\" alt=\"File regression bug modal\" width=\"300\" height=\"165\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-21-14-300x165.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-21-14.png 521w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><p id=\"caption-attachment-165\" class=\"wp-caption-text\">File Regression Bug Modal<\/p><\/div>\n<p>&nbsp;<\/p>\n<div id=\"attachment_166\" style=\"width: 1484px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-166\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-166 size-full\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-23-13.png\" alt=\"The autofilled fields, screen 1\" width=\"1474\" height=\"442\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-23-13.png 1474w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-23-13-300x90.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-23-13-600x180.png 600w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-23-13-768x230.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-23-13-1000x300.png 1000w\" sizes=\"(max-width: 1474px) 100vw, 1474px\" \/><p id=\"caption-attachment-166\" class=\"wp-caption-text\">The autofilled fields, Screen 1<\/p><\/div>\n<div id=\"attachment_167\" style=\"width: 1490px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-167\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-167 size-full\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-24-55.png\" alt=\"The autofilled fields, Screen 2\" width=\"1480\" height=\"265\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-24-55.png 1480w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-24-55-300x54.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-24-55-600x107.png 600w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-24-55-768x138.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-24-55-1000x179.png 1000w\" sizes=\"(max-width: 1480px) 100vw, 1480px\" \/><p id=\"caption-attachment-167\" class=\"wp-caption-text\">The autofilled fields, Screen 2<\/p><\/div>\n<div id=\"attachment_168\" style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-168\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-168 size-full\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-26-34.png\" alt=\"The autofilled fields, Screen 3\" width=\"1490\" height=\"292\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-26-34.png 1490w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-26-34-300x59.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-26-34-600x118.png 600w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-26-34-768x151.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-12-17-26-34-1000x196.png 1000w\" sizes=\"(max-width: 1490px) 100vw, 1490px\" \/><p id=\"caption-attachment-168\" class=\"wp-caption-text\">The autofilled fields, Screen 3<\/p><\/div>\n<p>Another cool thing that we improved is a link to the visual recordings of a browsertime pageload test. In the comment 0\/description of the bug, the old and new (regressed) values are linked to a tgz archive that contains the video recording of the pageload test for each page cycle.<\/p>\n<div id=\"attachment_173\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-173\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-173 size-full\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-19-11-09-48.png\" alt=\"Before and after links\" width=\"1010\" height=\"228\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-19-11-09-48.png 1010w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-19-11-09-48-300x68.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-19-11-09-48-600x135.png 600w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-19-11-09-48-768x173.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-19-11-09-48-1000x226.png 1000w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><p id=\"caption-attachment-173\" class=\"wp-caption-text\">The before and after links are under &#8220;Absolute values&#8221; column<\/p><\/div>\n<h3>Compare view<\/h3>\n<p>We added pagination for compare view when the number of results is higher than 10 and now we don&#8217;t have the problem of loading too much results in one page anymore.<\/p>\n<div id=\"attachment_229\" style=\"width: 1264px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-229\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-229 size-full\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-13-08-19.png\" alt=\"Compare view\" width=\"1254\" height=\"638\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-13-08-19.png 1254w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-13-08-19-300x153.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-13-08-19-600x305.png 600w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-13-08-19-768x391.png 768w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/06\/Screenshot-from-2021-07-15-13-08-19-1000x509.png 1000w\" sizes=\"(max-width: 1254px) 100vw, 1254px\" \/><p id=\"caption-attachment-229\" class=\"wp-caption-text\">Compare view with pagination<\/p><\/div>\n<h3>Backfill tool<\/h3>\n<p>The backfill tool is probably the biggest surprise. We call it Sherlock. It runs every hour and checks that there are data points for the revision the alert is created on and the previous one. It basically makes sure that there&#8217;s no data points gap so the culprit is identified precisely.<\/p>\n<div id=\"attachment_179\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-179\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-179 size-large\" src=\"http:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-28-11-32-15-600x378.png\" alt=\"Backfill report email\" width=\"600\" height=\"378\" srcset=\"https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-28-11-32-15-600x378.png 600w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-28-11-32-15-300x189.png 300w, https:\/\/blog.mozilla.org\/performance\/files\/2021\/05\/Screenshot-from-2021-05-28-11-32-15.png 667w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-179\" class=\"wp-caption-text\">Backfill report email<\/p><\/div>\n<h3>UI\/UX improvements<\/h3>\n<p>Of course the improvements are not limited to those, we&#8217;ve made various backend and front-end cleanups and optimizations not really visible to the UI:<\/p>\n<ul>\n<li>The graph view tooltip was adjusted to avoid it obscuring the target text<\/li>\n<li>The empty alert summaries were removed from the database<\/li>\n<li>The Perfherder UI was improved to better indicate mouse-overs and actionable elements<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Since last &#8220;What&#8217;s new in Perfherder&#8221; article a lot has changed. Our development team is making progresses towards automating the regression detection process. This post will cover the various improvements &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/performance\/2021\/07\/15\/whats-new-in-perfherder-2\/\">Read more<\/a><\/p>\n","protected":false},"author":1808,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[453961,281231,265],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts\/160"}],"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\/1808"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/posts\/160\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/media?parent=160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/categories?post=160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/performance\/wp-json\/wp\/v2\/tags?post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}