DevTools: Show FMP markers on timeline experiment

third_party/WebKit/Source/devtools/front_end/timeline_model/TimelineModel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 90 matching lines @@
 
   /**
    * @param {!SDK.TracingModel.Event} event
    * @return {boolean}
    */
   static isMarkerEvent(event) {
     var recordTypes = TimelineModel.TimelineModel.RecordType;
     switch (event.name) {
       case recordTypes.TimeStamp:
       case recordTypes.MarkFirstPaint:
+      case recordTypes.FMPCandidate:
         return true;
       case recordTypes.MarkDOMContent:
       case recordTypes.MarkLoad:
         return event.args['data']['isMainFrame'];
       default:
         return false;
     }
   }
 
   /**
@@ skipping 1069 matching lines @@
 
   XHRReadyStateChange: 'XHRReadyStateChange',
   XHRLoad: 'XHRLoad',
   CompileScript: 'v8.compile',
   EvaluateScript: 'EvaluateScript',
 
   CommitLoad: 'CommitLoad',
   MarkLoad: 'MarkLoad',
   MarkDOMContent: 'MarkDOMContent',
   MarkFirstPaint: 'MarkFirstPaint',
+  FMPCandidate: 'firstMeaningfulPaintCandidate',

[pfeldman, 2017/01/06 00:05:59]

firstMeaningfulPaint also exists. And we can display more paint events.

[alph, 2017/01/06 01:56:48]

Done.

 
   TimeStamp: 'TimeStamp',
   ConsoleTime: 'ConsoleTime',
   UserTiming: 'UserTiming',
 
   ResourceSendRequest: 'ResourceSendRequest',
   ResourceReceiveResponse: 'ResourceReceiveResponse',
   ResourceReceivedData: 'ResourceReceivedData',
   ResourceFinish: 'ResourceFinish',
 
@@ skipping 821 matching lines @@
     var data = event[TimelineModel.TimelineData._symbol];
     if (!data) {
       data = new TimelineModel.TimelineData();
       event[TimelineModel.TimelineData._symbol] = data;
     }
     return data;
   }
 };
 
 TimelineModel.TimelineData._symbol = Symbol('timelineData');