You are browsing a read-only backup copy of Wikitech. The live site can be found at wikitech.wikimedia.org

Grafana.wikimedia.org/navigation-timing: Difference between revisions

From Wikitech-static
Jump to navigation Jump to search
imported>Krinkle
m (Krinkle moved page Grafana.wikimedia.org/NavTiming to Grafana.wikimedia.org/navigation-timing without leaving a redirect)
 
imported>Krinkle
No edit summary
 
Line 79: Line 79:
           "targets": [
           "targets": [
             {
             {
               "target": "aliasByNode(movingAverage(frontend.navtiming.{mediaWikiLoadComplete,firstPaint,totalPageLoadTime}.$Platform.$Users.$Metric, $movingAverage), 2, 4, 5)",
               "target": "aliasByNode(movingAverage(frontend.navtiming.{mediaWikiLoadComplete,firstPaint,totalPageLoadTime}.$Platform.$Users.$Metric, $movingAverage), 2, 5)",
               "hide": false
               "hide": false
             }
             }
           ],
           ],
           "aliasYAxis": {},
           "aliasYAxis": {},
           "title": "Overview ($Platform)",
           "title": "Overview ($Platform, $Users)",
           "datasource": "graphite",
           "datasource": "graphite",
           "renderer": "flot",
           "renderer": "flot",
Line 92: Line 92:
           "seriesOverrides": [
           "seriesOverrides": [
             {
             {
               "alias": "firstPaint.anonymous.median",
               "alias": "firstPaint.median",
               "yaxis": 2
               "yaxis": 2
             }
             }
Line 105: Line 105:
           "cacheTimeout": "60",
           "cacheTimeout": "60",
           "aliasColors": {
           "aliasColors": {
             "mediaWikiLoadComplete.anonymous.median": "#7EB26D",
             "totalPageLoadTime.median": "#7EB26D",
             "totalPageLoadTime.anonymous.median": "#6ED0E0",
             "firstPaint.median": "#EAB839",
             "firstPaint.anonymous.median": "#EAB839"
             "mediaWikiLoadComplete.median": "#EF843C"
           }
           }
         },
         },
Line 171: Line 171:
           "targets": [
           "targets": [
             {
             {
               "target": "aliasByNode(movingAverage(frontend.navtiming.{mediaWikiLoadComplete,firstPaint,totalPageLoadTime}.$Platform.$Users.$Metric, $movingAverage), 2, 4, 5)",
               "target": "aliasByNode(movingAverage(frontend.navtiming.{mediaWikiLoadComplete,firstPaint,totalPageLoadTime}.$Platform.$Users.$Metric, $movingAverage), 2, 5)",
               "hide": false
               "hide": false
             }
             }
           ],
           ],
           "aliasYAxis": {},
           "aliasYAxis": {},
           "title": "Overview ($Platform)",
           "title": "Overview ($Platform, $Users)",
           "datasource": "graphite",
           "datasource": "graphite",
           "renderer": "flot",
           "renderer": "flot",
Line 184: Line 184:
           "seriesOverrides": [
           "seriesOverrides": [
             {
             {
               "alias": "firstPaint.anonymous.median",
               "alias": "firstPaint.median",
               "yaxis": 2
               "yaxis": 2
             }
             }
Line 197: Line 197:
           "cacheTimeout": "60",
           "cacheTimeout": "60",
           "aliasColors": {
           "aliasColors": {
             "mediaWikiLoadComplete.anonymous.median": "#7EB26D",
             "totalPageLoadTime.median": "#7EB26D",
             "totalPageLoadTime.anonymous.median": "#6ED0E0",
             "mediaWikiLoadComplete.median": "#EF843C",
             "firstPaint.anonymous.median": "#EAB839"
             "firstPaint.median": "#EAB839"
           }
           }
         }
         }
Line 237: Line 237:
           "lines": true,
           "lines": true,
           "fill": 1,
           "fill": 1,
           "linewidth": 2,
           "linewidth": 1,
           "points": false,
           "points": false,
           "pointradius": 5,
           "pointradius": 5,
Line 270: Line 270:
           "targets": [
           "targets": [
             {
             {
               "target": "alias(timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')",
               "target": "aliasByNode(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric,$movingAverage), 2, 5)",
               "hide": false
               "hide": false
             },
             },
Line 278: Line 278:
             },
             },
             {
             {
               "target": "aliasByNode(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric,$movingAverage), 2, 4, 5)",
               "target": "alias(timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')",
               "hide": false
               "hide": false
             }
             }
           ],
           ],
           "aliasYAxis": {},
           "aliasYAxis": {},
           "title": "navigationStart to loadEventEnd ($Platform)",
           "title": "navigationStart to loadEventEnd ($Platform, $Users)",
           "datasource": "graphite",
           "datasource": "graphite",
           "renderer": "flot",
           "renderer": "flot",
Line 289: Line 289:
             "enable": false
             "enable": false
           },
           },
           "seriesOverrides": [],
           "seriesOverrides": [
            {
              "alias": "/median/",
              "linewidth": 2,
              "fill": 2,
              "zindex": 1
            }
          ],
           "leftYAxisLabel": "",
           "leftYAxisLabel": "",
           "height": "",
           "height": "",
Line 298: Line 305:
           "maxDataPoints": "",
           "maxDataPoints": "",
           "cacheTimeout": "60",
           "cacheTimeout": "60",
           "aliasColors": {
           "aliasColors": {}
            "timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200), -1d)": "#E0F9D7",
            "movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200)": "#7EB26D",
            "yesterday": "#F4D598",
            "6 days ago": "#BADFF4",
            "totalPageLoadTime.anonymous.median": "#7EB26D"
          }
         },
         },
         {
         {
Line 391: Line 392:
           "maxDataPoints": "",
           "maxDataPoints": "",
           "cacheTimeout": "60",
           "cacheTimeout": "60",
           "aliasColors": {
           "aliasColors": {}
            "timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200), -1d)": "#E0F9D7",
            "movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200)": "#7EB26D"
          }
         }
         }
       ],
       ],
Line 433: Line 431:
           "lines": true,
           "lines": true,
           "fill": 1,
           "fill": 1,
           "linewidth": 2,
           "linewidth": 1,
           "points": false,
           "points": false,
           "pointradius": 5,
           "pointradius": 5,
Line 467: Line 465:
           "targets": [
           "targets": [
             {
             {
               "target": "alias(timeShift(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')",
               "target": "aliasByNode(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), 2, 5)",
               "hide": false
               "hide": false
             },
             },
Line 475: Line 473:
             },
             },
             {
             {
               "target": "aliasByNode(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), 2, 4, 5)",
               "target": "alias(timeShift(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')",
               "hide": false
               "hide": false
             }
             }
           ],
           ],
           "aliasYAxis": {},
           "aliasYAxis": {},
           "title": "mediaWikiLoadStart to mediaWikiLoadEnd ($Platform)",
           "title": "mediaWikiLoadStart to mediaWikiLoadEnd ($Platform, $Users)",
           "datasource": "graphite",
           "datasource": "graphite",
           "renderer": "flot",
           "renderer": "flot",
Line 486: Line 484:
             "enable": false
             "enable": false
           },
           },
           "seriesOverrides": [],
           "seriesOverrides": [
            {
              "alias": "/median/",
              "linewidth": 2,
              "fill": 2,
              "zindex": 1
            }
          ],
           "leftYAxisLabel": "",
           "leftYAxisLabel": "",
           "height": "",
           "height": "",
Line 495: Line 500:
           "maxDataPoints": "",
           "maxDataPoints": "",
           "cacheTimeout": "60",
           "cacheTimeout": "60",
           "aliasColors": {
           "aliasColors": {}
            "yesterday": "#F4D598",
            "6 days ago": "#BADFF4",
            "mediaWikiLoadComplete.anonymous.median": "#7EB26D"
          }
         },
         },
         {
         {
Line 586: Line 587:
           "maxDataPoints": "",
           "maxDataPoints": "",
           "cacheTimeout": "60",
           "cacheTimeout": "60",
           "aliasColors": {
           "aliasColors": {}
            "timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200), -1d)": "#E0F9D7",
            "movingAverage(frontend.navtiming.totalPageLoadTime.desktop.overall.median,200)": "#7EB26D"
          }
         }
         }
       ],
       ],
Line 627: Line 625:
           "lines": true,
           "lines": true,
           "fill": 1,
           "fill": 1,
           "linewidth": 2,
           "linewidth": 1,
           "points": false,
           "points": false,
           "pointradius": 5,
           "pointradius": 5,
Line 661: Line 659:
           "targets": [
           "targets": [
             {
             {
               "target": "alias(timeShift(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')"
               "target": "aliasByNode(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), 2, 5)"
             },
             },
             {
             {
Line 667: Line 665:
             },
             },
             {
             {
               "target": "aliasByNode(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), 2, 4, 5)"
               "target": "alias(timeShift(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')"
             }
             }
           ],
           ],
           "aliasYAxis": {},
           "aliasYAxis": {},
           "title": "Time to first paint ($Platform)",
           "title": "Time to first paint ($Platform, $Users)",
           "datasource": "graphite",
           "datasource": "graphite",
           "renderer": "flot",
           "renderer": "flot",
Line 677: Line 675:
             "enable": false
             "enable": false
           },
           },
           "seriesOverrides": [],
           "seriesOverrides": [
            {
              "alias": "/median/",
              "fill": 2,
              "zindex": 1
            }
          ],
           "leftYAxisLabel": "",
           "leftYAxisLabel": "",
           "height": "",
           "height": "",
Line 686: Line 690:
           "maxDataPoints": "",
           "maxDataPoints": "",
           "cacheTimeout": "60",
           "cacheTimeout": "60",
           "aliasColors": {
           "aliasColors": {}
            "6 days ago": "#BADFF4",
            "yesterday": "#F4D598",
            "firstPaint.anonymous.median": "#7EB26D"
          }
         },
         },
         {
         {
Line 935: Line 935:
           "targets": [
           "targets": [
             {
             {
               "target": "aliasByNode(movingAverage(frontend.navtiming.dnsLookup.$Platform.$Users.$Metric, $movingAverage),3,4,5)"
               "target": "aliasByNode(movingAverage(frontend.navtiming.dnsLookup.$Platform.$Users.$Metric, $movingAverage),2,5)"
             }
             }
           ],
           ],
           "aliasYAxis": {},
           "aliasYAxis": {},
           "title": "DNS Lookup on $Platform",
           "title": "DNS Lookup ($Platform, $Users)",
           "datasource": "graphite",
           "datasource": "graphite",
           "renderer": "flot",
           "renderer": "flot",
Line 986: Line 986:
   ],
   ],
   "time": {
   "time": {
     "from": "now-6h",
     "from": "now-24h",
     "to": "now-5m"
     "to": "now-5m"
   },
   },
Line 1,077: Line 1,077:
             "text": "10",
             "text": "10",
             "value": "10"
             "value": "10"
          },
          {
            "text": "25",
            "value": "25"
           },
           },
           {
           {
Line 1,093: Line 1,097:
         "includeAll": false,
         "includeAll": false,
         "allFormat": "glob",
         "allFormat": "glob",
         "query": "1,10,50,100,250",
         "query": "1,10,25,50,100,250",
         "current": {
         "current": {
           "text": "100",
           "text": "100",
Line 1,111: Line 1,115:
         "lineColor": "rgba(30, 135, 170, 0.71)",
         "lineColor": "rgba(30, 135, 170, 0.71)",
         "iconSize": 10,
         "iconSize": 10,
         "enable": false,
         "enable": true,
         "target": "exclude(aliasByNode(deploy.*.count,-2),\"all\")"
         "target": "exclude(aliasByNode(deploy.*.count,-2),\"all\")"
       }
       }

Latest revision as of 02:45, 25 September 2015

{
  "id": null,
  "title": "Navigation Timing",
  "originalTitle": "Navigation Timing",
  "tags": [
    "performance"
  ],
  "style": "light",
  "timezone": "utc",
  "editable": true,
  "hideControls": false,
  "sharedCrosshair": true,
  "rows": [
    {
      "title": "Overview",
      "height": "350px",
      "editable": true,
      "collapse": false,
      "panels": [
        {
          "id": 16,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": true,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": true,
            "sortDesc": true
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.{mediaWikiLoadComplete,firstPaint,totalPageLoadTime}.$Platform.$Users.$Metric, $movingAverage), 2, 5)",
              "hide": false
            }
          ],
          "aliasYAxis": {},
          "title": "Overview ($Platform, $Users)",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "firstPaint.median",
              "yaxis": 2
            }
          ],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {
            "totalPageLoadTime.median": "#7EB26D",
            "firstPaint.median": "#EAB839",
            "mediaWikiLoadComplete.median": "#EF843C"
          }
        },
        {
          "id": 19,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": true,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": true,
            "sortDesc": true
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.{mediaWikiLoadComplete,firstPaint,totalPageLoadTime}.$Platform.$Users.$Metric, $movingAverage), 2, 5)",
              "hide": false
            }
          ],
          "aliasYAxis": {},
          "title": "Overview ($Platform, $Users)",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "firstPaint.median",
              "yaxis": 2
            }
          ],
          "leftYAxisLabel": "",
          "height": "200px",
          "timeFrom": "1M",
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {
            "totalPageLoadTime.median": "#7EB26D",
            "mediaWikiLoadComplete.median": "#EF843C",
            "firstPaint.median": "#EAB839"
          }
        }
      ],
      "showTitle": true
    },
    {
      "title": "Page Load",
      "height": "350px",
      "collapse": false,
      "panels": [
        {
          "id": 12,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 1,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": true,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": true
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric,$movingAverage), 2, 5)",
              "hide": false
            },
            {
              "target": "alias(timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric, $movingAverage), '1d'), 'yesterday')",
              "hide": false
            },
            {
              "target": "alias(timeShift(movingAverage(frontend.navtiming.totalPageLoadTime.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')",
              "hide": false
            }
          ],
          "aliasYAxis": {},
          "title": "navigationStart to loadEventEnd ($Platform, $Users)",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "/median/",
              "linewidth": 2,
              "fill": 2,
              "zindex": 1
            }
          ],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {}
        },
        {
          "id": 14,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.totalPageLoadTime.*.$Users.$Metric, $movingAverage), 2, 3, 4)",
              "hide": false
            }
          ],
          "aliasYAxis": {},
          "title": "History",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "/mobile/",
              "yaxis": 2
            }
          ],
          "leftYAxisLabel": "",
          "height": "200px",
          "timeFrom": "4M",
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {}
        }
      ],
      "editable": true,
      "showTitle": true
    },
    {
      "title": "MediaWiki Load",
      "height": "350px",
      "editable": true,
      "collapse": false,
      "panels": [
        {
          "id": 10,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 1,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": true,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": true,
            "sortDesc": true
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), 2, 5)",
              "hide": false
            },
            {
              "target": "alias(timeShift(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), '1d'), 'yesterday')",
              "hide": false
            },
            {
              "target": "alias(timeShift(movingAverage(frontend.navtiming.mediaWikiLoadComplete.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')",
              "hide": false
            }
          ],
          "aliasYAxis": {},
          "title": "mediaWikiLoadStart to mediaWikiLoadEnd ($Platform, $Users)",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "/median/",
              "linewidth": 2,
              "fill": 2,
              "zindex": 1
            }
          ],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {}
        },
        {
          "id": 17,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.mediaWikiLoadComplete.*.$Users.$Metric, $movingAverage), 2, 3, 4)",
              "hide": false
            }
          ],
          "aliasYAxis": {},
          "title": "History",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "/mobile/",
              "yaxis": 2
            }
          ],
          "leftYAxisLabel": "",
          "height": "200px",
          "timeFrom": "4M",
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {}
        }
      ],
      "showTitle": true
    },
    {
      "title": "First Paint",
      "height": "350px",
      "editable": true,
      "collapse": false,
      "panels": [
        {
          "id": 13,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 1,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": true,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": true,
            "sortDesc": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), 2, 5)"
            },
            {
              "target": "alias(timeShift(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), '1d'), 'yesterday')"
            },
            {
              "target": "alias(timeShift(movingAverage(frontend.navtiming.firstPaint.$Platform.$Users.$Metric, $movingAverage), '6d'), '6 days ago')"
            }
          ],
          "aliasYAxis": {},
          "title": "Time to first paint ($Platform, $Users)",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "/median/",
              "fill": 2,
              "zindex": 1
            }
          ],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {}
        },
        {
          "id": 15,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": false,
            "sortDesc": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.firstPaint.*.$Users.$Metric, $movingAverage), 2, 3, 4)"
            }
          ],
          "aliasYAxis": {},
          "title": "Timing history",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "/mobile/",
              "yaxis": 2
            }
          ],
          "leftYAxisLabel": "",
          "height": "200px",
          "timeFrom": "2M",
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {}
        },
        {
          "id": 18,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "short",
            "short"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": false,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": false,
            "sortDesc": false
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.firstPaint.*.$Users.count, $movingAverage),3,4,5)"
            }
          ],
          "aliasYAxis": {},
          "title": "Rate history",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [
            {
              "alias": "/mobile/",
              "yaxis": 2
            }
          ],
          "leftYAxisLabel": "records per minute",
          "height": "200px",
          "timeFrom": "2M",
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {}
        }
      ],
      "showTitle": true
    },
    {
      "title": "DNS Lookup",
      "height": "350px",
      "editable": true,
      "collapse": true,
      "panels": [
        {
          "id": 11,
          "span": 12,
          "type": "graph",
          "x-axis": true,
          "y-axis": true,
          "scale": 1,
          "y_formats": [
            "ms",
            "ms"
          ],
          "grid": {
            "max": null,
            "min": null,
            "leftMax": null,
            "rightMax": null,
            "leftMin": null,
            "rightMin": null,
            "threshold1": null,
            "threshold2": null,
            "threshold1Color": "rgba(216, 200, 27, 0.27)",
            "threshold2Color": "rgba(234, 112, 112, 0.22)",
            "thresholdLine": false
          },
          "resolution": 100,
          "lines": true,
          "fill": 1,
          "linewidth": 2,
          "points": false,
          "pointradius": 5,
          "bars": false,
          "stack": false,
          "spyable": true,
          "options": false,
          "legend": {
            "show": true,
            "values": true,
            "min": true,
            "max": true,
            "current": true,
            "total": false,
            "avg": true,
            "hideEmpty": true,
            "rightSide": false,
            "alignAsTable": true
          },
          "interactive": true,
          "legend_counts": true,
          "timezone": "browser",
          "percentage": true,
          "zerofill": true,
          "nullPointMode": "null",
          "steppedLine": false,
          "tooltip": {
            "value_type": "cumulative",
            "query_as_alias": true,
            "shared": true
          },
          "targets": [
            {
              "target": "aliasByNode(movingAverage(frontend.navtiming.dnsLookup.$Platform.$Users.$Metric, $movingAverage),2,5)"
            }
          ],
          "aliasYAxis": {},
          "title": "DNS Lookup ($Platform, $Users)",
          "datasource": "graphite",
          "renderer": "flot",
          "annotate": {
            "enable": false
          },
          "seriesOverrides": [],
          "leftYAxisLabel": "",
          "height": "",
          "timeFrom": null,
          "timeShift": null,
          "links": [],
          "rightYAxisLabel": "",
          "maxDataPoints": "",
          "cacheTimeout": "60",
          "aliasColors": {}
        }
      ],
      "showTitle": true
    }
  ],
  "nav": [
    {
      "type": "timepicker",
      "collapse": false,
      "enable": true,
      "status": "Stable",
      "time_options": [
        "1h",
        "6h",
        "24h",
        "2d",
        "7d",
        "14d",
        "30d",
        "6M"
      ],
      "refresh_intervals": [
        "1m",
        "5m"
      ],
      "now": true,
      "notice": false,
      "nowDelay": "5m"
    }
  ],
  "time": {
    "from": "now-24h",
    "to": "now-5m"
  },
  "templating": {
    "list": [
      {
        "type": "custom",
        "datasource": "graphite",
        "refresh_on_load": false,
        "name": "Platform",
        "options": [
          {
            "text": "desktop",
            "value": "desktop"
          },
          {
            "text": "mobile",
            "value": "mobile"
          }
        ],
        "includeAll": false,
        "allFormat": "wildcard",
        "query": "desktop,mobile",
        "current": {
          "text": "desktop",
          "value": "desktop"
        }
      },
      {
        "type": "query",
        "datasource": "graphite",
        "refresh_on_load": false,
        "name": "Users",
        "options": [
          {
            "text": "anonymous",
            "value": "anonymous"
          },
          {
            "text": "authenticated",
            "value": "authenticated"
          },
          {
            "text": "overall",
            "value": "overall"
          }
        ],
        "includeAll": false,
        "allFormat": "wildcard",
        "query": "frontend.navtiming.totalPageLoadTime.desktop.*",
        "current": {
          "text": "anonymous",
          "value": "anonymous"
        }
      },
      {
        "type": "custom",
        "datasource": null,
        "refresh_on_load": false,
        "name": "Metric",
        "options": [
          {
            "text": "p*",
            "value": "p*"
          },
          {
            "text": "median",
            "value": "median"
          }
        ],
        "includeAll": false,
        "allFormat": "glob",
        "query": "p*,median",
        "current": {
          "text": "median",
          "value": "median"
        }
      },
      {
        "type": "custom",
        "datasource": null,
        "refresh_on_load": false,
        "name": "movingAverage",
        "options": [
          {
            "text": "1",
            "value": "1"
          },
          {
            "text": "10",
            "value": "10"
          },
          {
            "text": "25",
            "value": "25"
          },
          {
            "text": "50",
            "value": "50"
          },
          {
            "text": "100",
            "value": "100"
          },
          {
            "text": "250",
            "value": "250"
          }
        ],
        "includeAll": false,
        "allFormat": "glob",
        "query": "1,10,25,50,100,250",
        "current": {
          "text": "100",
          "value": "100"
        }
      }
    ],
    "enable": true
  },
  "annotations": {
    "list": [
      {
        "name": "Show deployments",
        "datasource": "graphite",
        "showLine": true,
        "iconColor": "rgba(14, 119, 135, 0.84)",
        "lineColor": "rgba(30, 135, 170, 0.71)",
        "iconSize": 10,
        "enable": true,
        "target": "exclude(aliasByNode(deploy.*.count,-2),\"all\")"
      }
    ],
    "enable": true
  },
  "refresh": "5m",
  "version": 6,
  "hideAllLegends": false
}
Retrieved from "https://wikitech-static.wikimedia.org/w/index.php?title=Grafana.wikimedia.org/navigation-timing&oldid=24690"