temberature / blog

http://temberature.github.io/blog
2 stars 5 forks source link

181204 #34

Open temberature opened 5 years ago

temberature commented 5 years ago

http://www.iqiyipic.com/common/fix/loading-gold180620.gif https://github.com/hilongjw/vue-lazyload/issues/174

temberature commented 5 years ago
onData({
    "status": "have tests",
    "metric": {
        "name": "SpeedIndex",
        "value": "speedindex",
        "suffix": "s"
    },
    "speedindex": [{
        "name": "Iqiyi",
        "metric": "speedindex",
        "color": "#fdbc60",
        "data": [{
            "x": 1543914434000,
            "y": 6.1,
            "test": "181204_0M_2daeb02766e3b806078c725fe4e47aa8",
            "run": 1,
            "marker": ""
        }, {
            "x": 1543914530000,
            "y": 7.2,
            "test": "181204_Z5_136e9f260feb75204063d23186cc8c1a",
            "run": 1,
            "marker": ""
        }],
        "stat": 6.1
    }, {
        "name": "v",
        "metric": "speedindex",
        "color": "#32a1da",
        "data": [{
            "x": 1543914514000,
            "y": 16.8,
            "test": "181204_M8_69b8c27fd97bbeb034fda9107fc34c51",
            "run": 1,
            "marker": ""
        }, {
            "x": 1543914530000,
            "y": 17.4,
            "test": "181204_CA_7575a92c0c5cabf14ddf372d5348771c",
            "run": 1,
            "marker": ""
        }],
        "stat": 16.8
    }],
    "requests": [{
        "name": "Iqiyi",
        "metric": "requests",
        "color": "#fdbc60",
        "data": [{
            "x": 1543914434000,
            "y": 175,
            "test": "181204_0M_2daeb02766e3b806078c725fe4e47aa8",
            "run": 1,
            "marker": ""
        }, {
            "x": 1543914530000,
            "y": 178,
            "test": "181204_Z5_136e9f260feb75204063d23186cc8c1a",
            "run": 1,
            "marker": ""
        }],
        "stat": 175
    }, {
        "name": "v",
        "metric": "requests",
        "color": "#32a1da",
        "data": [{
            "x": 1543914514000,
            "y": 307,
            "test": "181204_M8_69b8c27fd97bbeb034fda9107fc34c51",
            "run": 1,
            "marker": ""
        }, {
            "x": 1543914530000,
            "y": 266,
            "test": "181204_CA_7575a92c0c5cabf14ddf372d5348771c",
            "run": 1,
            "marker": ""
        }],
        "stat": 266
    }],
    "size": [{
        "name": "Iqiyi",
        "metric": "size",
        "color": "#fdbc60",
        "data": [{
            "x": 1543914434000,
            "y": 4084,
            "test": "181204_0M_2daeb02766e3b806078c725fe4e47aa8",
            "run": 1,
            "marker": ""
        }, {
            "x": 1543914530000,
            "y": 4506,
            "test": "181204_Z5_136e9f260feb75204063d23186cc8c1a",
            "run": 1,
            "marker": ""
        }],
        "stat": 4084
    }, {
        "name": "v",
        "metric": "size",
        "color": "#32a1da",
        "data": [{
            "x": 1543914514000,
            "y": 8878,
            "test": "181204_M8_69b8c27fd97bbeb034fda9107fc34c51",
            "run": 1,
            "marker": ""
        }, {
            "x": 1543914530000,
            "y": 8460,
            "test": "181204_CA_7575a92c0c5cabf14ddf372d5348771c",
            "run": 1,
            "marker": ""
        }],
        "stat": 8460
    }],
    "breakdown_request": [{
        "name": "HTML",
        "color": "#82B5FC",
        "data": [33, 13]
    }, {
        "name": "CSS",
        "color": "#B2EA94",
        "data": [1, 5]
    }, {
        "name": "JS",
        "color": "#FEC584",
        "data": [18, 23]
    }, {
        "name": "Font",
        "color": "#f48f80",
        "data": [1, 0]
    }, {
        "name": "Image",
        "color": "#b690da",
        "data": [121, 213]
    }, {
        "name": "Flash",
        "color": "#2DB7C1",
        "data": [0, 0]
    }, {
        "name": "Video",
        "color": "#39c1a2",
        "data": [0, 1]
    }, {
        "name": "Other",
        "color": "#c4c4c4",
        "data": [4, 11]
    }],
    "breakdown_size": [{
        "name": "HTML",
        "color": "#82B5FC",
        "data": [593, 131]
    }, {
        "name": "CSS",
        "color": "#B2EA94",
        "data": [24, 45]
    }, {
        "name": "JS",
        "color": "#FEC584",
        "data": [532, 380]
    }, {
        "name": "Fonts",
        "color": "#f48f80",
        "data": [21, 0]
    }, {
        "name": "Images",
        "color": "#b690da",
        "data": [2891, 7610]
    }, {
        "name": "Flash",
        "color": "#2DB7C1",
        "data": [0, 0]
    }, {
        "name": "Video",
        "color": "#39c1a2",
        "data": [0, 292]
    }, {
        "name": "Other",
        "color": "#c4c4c4",
        "data": [445, 3]
    }],
    "categories": ["Iqiyi", "v"],
    "notes": []
});
temberature commented 5 years ago

Backend(TTFB) Time

Start Render Time First Painted Hero Last Painted Hero firstContentfulPaint firstMeaningfulPaint

SpeedIndex First CPU Idle

temberature commented 5 years ago

Backend (TTFB) DOM Content Loaded Start Render Page Load Fully Loaded