PageSpeedInsights/image/psi.mermaid.svg

<svg id="mermaid-1557982624722" width="100%" xmlns="http://www.w3.org/2000/svg" style="max-width: 481.9609375px;" viewBox="0 0 481.9609375 1099"><style>


#mermaid-1557982624722 .label {
  font-family: 'trebuchet ms', verdana, arial;
  color: #333; }

#mermaid-1557982624722 .node rect,
#mermaid-1557982624722 .node circle,
#mermaid-1557982624722 .node ellipse,
#mermaid-1557982624722 .node polygon {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1px; }

#mermaid-1557982624722 .node.clickable {
  cursor: pointer; }

#mermaid-1557982624722 .arrowheadPath {
  fill: #333333; }

#mermaid-1557982624722 .edgePath .path {
  stroke: #333333;
  stroke-width: 1.5px; }

#mermaid-1557982624722 .edgeLabel {
  background-color: #e8e8e8; }

#mermaid-1557982624722 .cluster rect {
  fill: #ffffde !important;
  stroke: #aaaa33 !important;
  stroke-width: 1px !important; }

#mermaid-1557982624722 .cluster text {
  fill: #333; }

#mermaid-1557982624722 div.mermaidTooltip {
  position: absolute;
  text-align: center;
  max-width: 200px;
  padding: 2px;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 12px;
  background: #ffffde;
  border: 1px solid #aaaa33;
  border-radius: 2px;
  pointer-events: none;
  z-index: 100; }

#mermaid-1557982624722 .actor {
  stroke: #CCCCFF;
  fill: #ECECFF; }

#mermaid-1557982624722 text.actor {
  fill: black;
  stroke: none; }

#mermaid-1557982624722 .actor-line {
  stroke: grey; }

#mermaid-1557982624722 .messageLine0 {
  stroke-width: 1.5;
  stroke-dasharray: '2 2';
  stroke: #333; }

#mermaid-1557982624722 .messageLine1 {
  stroke-width: 1.5;
  stroke-dasharray: '2 2';
  stroke: #333; }

#mermaid-1557982624722 #arrowhead {
  fill: #333; }

#mermaid-1557982624722 #crosshead path {
  fill: #333 !important;
  stroke: #333 !important; }

#mermaid-1557982624722 .messageText {
  fill: #333;
  stroke: none; }

#mermaid-1557982624722 .labelBox {
  stroke: #CCCCFF;
  fill: #ECECFF; }

#mermaid-1557982624722 .labelText {
  fill: black;
  stroke: none; }

#mermaid-1557982624722 .loopText {
  fill: black;
  stroke: none; }

#mermaid-1557982624722 .loopLine {
  stroke-width: 2;
  stroke-dasharray: '2 2';
  stroke: #CCCCFF; }

#mermaid-1557982624722 .note {
  stroke: #aaaa33;
  fill: #fff5ad; }

#mermaid-1557982624722 .noteText {
  fill: black;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 14px; }

#mermaid-1557982624722 .activation0 {
  fill: #f4f4f4;
  stroke: #666; }

#mermaid-1557982624722 .activation1 {
  fill: #f4f4f4;
  stroke: #666; }

#mermaid-1557982624722 .activation2 {
  fill: #f4f4f4;
  stroke: #666; }


#mermaid-1557982624722 .section {
  stroke: none;
  opacity: 0.2; }

#mermaid-1557982624722 .section0 {
  fill: rgba(102, 102, 255, 0.49); }

#mermaid-1557982624722 .section2 {
  fill: #fff400; }

#mermaid-1557982624722 .section1,
#mermaid-1557982624722 .section3 {
  fill: white;
  opacity: 0.2; }

#mermaid-1557982624722 .sectionTitle0 {
  fill: #333; }

#mermaid-1557982624722 .sectionTitle1 {
  fill: #333; }

#mermaid-1557982624722 .sectionTitle2 {
  fill: #333; }

#mermaid-1557982624722 .sectionTitle3 {
  fill: #333; }

#mermaid-1557982624722 .sectionTitle {
  text-anchor: start;
  font-size: 11px;
  text-height: 14px; }


#mermaid-1557982624722 .grid .tick {
  stroke: lightgrey;
  opacity: 0.3;
  shape-rendering: crispEdges; }

#mermaid-1557982624722 .grid path {
  stroke-width: 0; }


#mermaid-1557982624722 .today {
  fill: none;
  stroke: red;
  stroke-width: 2px; }


#mermaid-1557982624722 .task {
  stroke-width: 2; }

#mermaid-1557982624722 .taskText {
  text-anchor: middle;
  font-size: 11px; }

#mermaid-1557982624722 .taskTextOutsideRight {
  fill: black;
  text-anchor: start;
  font-size: 11px; }

#mermaid-1557982624722 .taskTextOutsideLeft {
  fill: black;
  text-anchor: end;
  font-size: 11px; }


#mermaid-1557982624722 .taskText0,
#mermaid-1557982624722 .taskText1,
#mermaid-1557982624722 .taskText2,
#mermaid-1557982624722 .taskText3 {
  fill: white; }

#mermaid-1557982624722 .task0,
#mermaid-1557982624722 .task1,
#mermaid-1557982624722 .task2,
#mermaid-1557982624722 .task3 {
  fill: #8a90dd;
  stroke: #534fbc; }

#mermaid-1557982624722 .taskTextOutside0,
#mermaid-1557982624722 .taskTextOutside2 {
  fill: black; }

#mermaid-1557982624722 .taskTextOutside1,
#mermaid-1557982624722 .taskTextOutside3 {
  fill: black; }


#mermaid-1557982624722 .active0,
#mermaid-1557982624722 .active1,
#mermaid-1557982624722 .active2,
#mermaid-1557982624722 .active3 {
  fill: #bfc7ff;
  stroke: #534fbc; }

#mermaid-1557982624722 .activeText0,
#mermaid-1557982624722 .activeText1,
#mermaid-1557982624722 .activeText2,
#mermaid-1557982624722 .activeText3 {
  fill: black !important; }


#mermaid-1557982624722 .done0,
#mermaid-1557982624722 .done1,
#mermaid-1557982624722 .done2,
#mermaid-1557982624722 .done3 {
  stroke: grey;
  fill: lightgrey;
  stroke-width: 2; }

#mermaid-1557982624722 .doneText0,
#mermaid-1557982624722 .doneText1,
#mermaid-1557982624722 .doneText2,
#mermaid-1557982624722 .doneText3 {
  fill: black !important; }


#mermaid-1557982624722 .crit0,
#mermaid-1557982624722 .crit1,
#mermaid-1557982624722 .crit2,
#mermaid-1557982624722 .crit3 {
  stroke: #ff8888;
  fill: red;
  stroke-width: 2; }

#mermaid-1557982624722 .activeCrit0,
#mermaid-1557982624722 .activeCrit1,
#mermaid-1557982624722 .activeCrit2,
#mermaid-1557982624722 .activeCrit3 {
  stroke: #ff8888;
  fill: #bfc7ff;
  stroke-width: 2; }

#mermaid-1557982624722 .doneCrit0,
#mermaid-1557982624722 .doneCrit1,
#mermaid-1557982624722 .doneCrit2,
#mermaid-1557982624722 .doneCrit3 {
  stroke: #ff8888;
  fill: lightgrey;
  stroke-width: 2;
  cursor: pointer;
  shape-rendering: crispEdges; }

#mermaid-1557982624722 .doneCritText0,
#mermaid-1557982624722 .doneCritText1,
#mermaid-1557982624722 .doneCritText2,
#mermaid-1557982624722 .doneCritText3 {
  fill: black !important; }

#mermaid-1557982624722 .activeCritText0,
#mermaid-1557982624722 .activeCritText1,
#mermaid-1557982624722 .activeCritText2,
#mermaid-1557982624722 .activeCritText3 {
  fill: black !important; }

#mermaid-1557982624722 .titleText {
  text-anchor: middle;
  font-size: 18px;
  fill: black; }

#mermaid-1557982624722 g.classGroup text {
  fill: #9370DB;
  stroke: none;
  font-family: 'trebuchet ms', verdana, arial;
  font-size: 10px; }

#mermaid-1557982624722 g.classGroup rect {
  fill: #ECECFF;
  stroke: #9370DB; }

#mermaid-1557982624722 g.classGroup line {
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 .classLabel .box {
  stroke: none;
  stroke-width: 0;
  fill: #ECECFF;
  opacity: 0.5; }

#mermaid-1557982624722 .classLabel .label {
  fill: #9370DB;
  font-size: 10px; }

#mermaid-1557982624722 .relation {
  stroke: #9370DB;
  stroke-width: 1;
  fill: none; }

#mermaid-1557982624722 #compositionStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 #compositionEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 #aggregationStart {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 #aggregationEnd {
  fill: #ECECFF;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 #dependencyStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 #dependencyEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 #extensionStart {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 #extensionEnd {
  fill: #9370DB;
  stroke: #9370DB;
  stroke-width: 1; }

#mermaid-1557982624722 .commit-id,
#mermaid-1557982624722 .commit-msg,
#mermaid-1557982624722 .branch-label {
  fill: lightgrey;
  color: lightgrey; }
</style><style>#mermaid-1557982624722 {
    color: rgba(0, 0, 0, 0.65);
    font: ;
  }</style><g transform="translate(-12, -12)"><g class="output"><g class="clusters"><g class="cluster" id="subGraph5" transform="translate(136.46875,1057.5)" style="opacity: 1;"><rect width="232.9375" height="91" x="-116.46875" y="-45.5"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-31.5" fill="black" stroke="none" id="mermaid-1557982624722Text" style="text-anchor: middle;">Google APIs</text></g><g class="cluster" id="subGraph4" transform="translate(134.6953125,700.5)" style="opacity: 1;"><rect width="219.9375" height="481" x="-109.96875" y="-240.5"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-226.5" fill="black" stroke="none" id="mermaid-1557982624722Text" style="text-anchor: middle;">Cloud Functions</text></g><g class="cluster" id="subGraph3" transform="translate(375.3125,493)" style="opacity: 1;"><rect width="221.296875" height="622" x="-110.6484375" y="-311"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-297" fill="black" stroke="none" id="mermaid-1557982624722Text" style="text-anchor: middle;">Cloud Pub/Sub</text></g><g class="cluster" id="subGraph1" transform="translate(375.3125,298)" style="opacity: 1;"><rect width="181.296875" height="182" x="-90.6484375" y="-91"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-77" fill="black" stroke="none" id="mermaid-1557982624722Text" style="text-anchor: middle;">Job Pub/Sub</text></g><g class="cluster" id="subGraph2" transform="translate(375.3125,688)" style="opacity: 1;"><rect width="177.75" height="182" x="-88.875" y="-91"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-77" fill="black" stroke="none" id="mermaid-1557982624722Text" style="text-anchor: middle;">PSI Pub/Sub</text></g><g class="cluster" id="subGraph0" transform="translate(375.3125,65.5)" style="opacity: 1;"><rect width="174" height="91" x="-87" y="-45.5"></rect><g class="label"><g transform="translate(0,0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"></div></foreignObject></g></g><text x="0" y="-31.5" fill="black" stroke="none" id="mermaid-1557982624722Text" style="text-anchor: middle;">Cloud Scheduler</text></g></g><g class="edgePaths"><g class="edgePath" style="opacity: 1;"><path class="path" d="M375.3125,86L375.3125,111L375.3125,146.5L375.3125,182L375.3125,207L375.3125,232" marker-end="url(#arrowhead938)" style="fill:none"></path><defs><marker id="arrowhead938" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M375.3125,364L375.3125,389L375.3125,424.5L375.3125,460L209.6640625,491.32363063735835" marker-end="url(#arrowhead939)" style="fill:none"></path><defs><marker id="arrowhead939" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M134.6953125,526L134.6953125,561.5L134.6953125,597L325.09375,633.0037825903438" marker-end="url(#arrowhead940)" style="fill:none"></path><defs><marker id="arrowhead940" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M375.3125,754L375.3125,779L375.3125,804L136.46875,839.5L136.46875,875" marker-end="url(#arrowhead941)" style="fill:none"></path><defs><marker id="arrowhead941" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M136.46875,916L136.46875,941L136.46875,976.5L136.46875,1012L136.46875,1037" marker-end="url(#arrowhead942)" style="fill:none"></path><defs><marker id="arrowhead942" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M375.3125,273L375.3125,298L375.3125,323" marker-end="url(#arrowhead943)" style="fill:none"></path><defs><marker id="arrowhead943" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g><g class="edgePath" style="opacity: 1;"><path class="path" d="M375.3125,663L375.3125,688L375.3125,713" marker-end="url(#arrowhead944)" style="fill:none"></path><defs><marker id="arrowhead944" viewBox="0 0 10 10" refX="9" refY="5" markerUnits="strokeWidth" markerWidth="8" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowheadPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"></path></marker></defs></g></g><g class="edgeLabels"><g class="edgeLabel" style="opacity: 1;" transform="translate(375.3125,146.5)"><g transform="translate(-16.0546875,-10.5)" class="label"><foreignObject width="32.109375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">Push</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(375.3125,424.5)"><g transform="translate(-16.0546875,-10.5)" class="label"><foreignObject width="32.109375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">Push</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(134.6953125,561.5)"><g transform="translate(-34.1171875,-10.5)" class="label"><foreignObject width="68.234375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">并发 HTTP</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(136.46875,839.5)"><g transform="translate(-31.9609375,-10.5)" class="label"><foreignObject width="63.921875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">并发 Push</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform="translate(136.46875,976.5)"><g transform="translate(-62.484375,-10.5)" class="label"><foreignObject width="124.96875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel">并发 HTTP Request</span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g><g class="edgeLabel" style="opacity: 1;" transform=""><g transform="translate(0,0)" class="label"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;"><span class="edgeLabel"></span></div></foreignObject></g></g></g><g class="nodes"><g class="node" style="opacity: 1;" id="GAPI_PSI" transform="translate(136.46875,1057.5)"><rect rx="5" ry="5" x="-81.46875" y="-20.5" width="162.9375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-71.46875,-10.5)"><foreignObject width="142.9375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">PageSpeed Insights API</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="CF_Job" transform="translate(134.6953125,505.5)"><rect rx="5" ry="5" x="-74.96875" y="-20.5" width="149.9375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-64.96875,-10.5)"><foreignObject width="129.9375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Job Function Service</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="CF_PSI" transform="translate(136.46875,895.5)"><rect rx="5" ry="5" x="-73.1953125" y="-20.5" width="146.390625" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-63.1953125,-10.5)"><foreignObject width="126.390625" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">PSI Function Service</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="CPS_PSI_P" transform="translate(375.3125,642.5)"><rect rx="5" ry="5" x="-50.21875" y="-20.5" width="100.4375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-40.21875,-10.5)"><foreignObject width="80.4375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">PSI Publisher</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="CPS_PSI_S" transform="translate(375.3125,733.5)"><rect rx="5" ry="5" x="-53.875" y="-20.5" width="107.75" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-43.875,-10.5)"><foreignObject width="87.75" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">PSI Subscriber</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="CPS_Job_P" transform="translate(375.3125,252.5)"><rect rx="5" ry="5" x="-51.9921875" y="-20.5" width="103.984375" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-41.9921875,-10.5)"><foreignObject width="83.984375" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Job Publisher</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="CPS_Job_S" transform="translate(375.3125,343.5)"><rect rx="5" ry="5" x="-55.6484375" y="-20.5" width="111.296875" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-45.6484375,-10.5)"><foreignObject width="91.296875" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">Job Subscriber</div></foreignObject></g></g></g><g class="node" style="opacity: 1;" id="Job" transform="translate(375.3125,65.5)"><rect rx="5" ry="5" x="-52" y="-20.5" width="104" height="41"></rect><g class="label" transform="translate(0,0)"><g transform="translate(-42,-10.5)"><foreignObject width="84" height="21"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; white-space: nowrap;">定时作业任务</div></foreignObject></g></g></g></g></g></g></svg>