【免费】记录一次前端性能测试结果资源-CSDN文库

共127个文件

jpg：63个

png：28个

html：15个

前端性能

需积分: 0 66 浏览量 2024-12-12 16:50:25 上传评论收藏 3.01MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

记录一次前端性能测试结果（127个子文件）

index.min.css 38KB

trace-3.json.gz 186KB

trace-2.json.gz 186KB

trace-5.json.gz 186KB

trace-1.json.gz 185KB

trace-4.json.gz 183KB

browsertime.har 330KB

index.html 414KB

3.html 144KB

2.html 143KB

5.html 143KB

1.html 142KB

4.html 141KB

help.html 26KB

detailed.html 19KB

metrics.html 16KB

toplist.html 15KB

assets.html 13KB

index.html 9KB

pages.html 4KB

domains.html 3KB

settings.html 3KB

sitespeed.io.ico 6KB

ms_001800.jpg 4KB

ms_001867.jpg 4KB

ms_001933.jpg 4KB

ms_001867.jpg 4KB

ms_001767.jpg 4KB

ms_001933.jpg 4KB

ms_001667.jpg 4KB

ms_001833.jpg 4KB

ms_001700.jpg 4KB

ms_001833.jpg 4KB

ms_001767.jpg 4KB

ms_001800.jpg 4KB

ms_001633.jpg 4KB

ms_001767.jpg 4KB

ms_001833.jpg 4KB

ms_001733.jpg 4KB

ms_001700.jpg 4KB

ms_001833.jpg 4KB

ms_001767.jpg 4KB

ms_001733.jpg 4KB

ms_001700.jpg 4KB

ms_001600.jpg 4KB

ms_001667.jpg 4KB

ms_001733.jpg 4KB

ms_001633.jpg 4KB

ms_001567.jpg 4KB

ms_001667.jpg 4KB

ms_001533.jpg 4KB

ms_001600.jpg 4KB

ms_001700.jpg 4KB

ms_001667.jpg 3KB

ms_001600.jpg 3KB

ms_001633.jpg 3KB

ms_001667.jpg 3KB

ms_001700.jpg 3KB

ms_001500.jpg 3KB

ms_001633.jpg 3KB

ms_001567.jpg 3KB

ms_001600.jpg 3KB

ms_001467.jpg 3KB

ms_001500.jpg 3KB

ms_001567.jpg 2KB

ms_001500.jpg 2KB

ms_001133.jpg 781B

ms_001100.jpg 781B

ms_001167.jpg 781B

ms_001167.jpg 780B

ms_001133.jpg 780B

ms_001033.jpg 533B

ms_001067.jpg 533B

ms_001033.jpg 532B

ms_000967.jpg 532B

ms_000000.jpg 460B

perf-cascade.min.js 63KB

chartist.min.js 39KB

gunzip.min.js 12KB

fetch.min.js 7KB

sortable.min.js 3KB

chartist-plugin-tooltip.min.js 3KB

chartist-plugin-legend.min.js 3KB

chartist-plugin-axistitle.min.js 2KB

1.mp4 73KB

5.mp4 71KB

3.mp4 70KB

4.mp4 70KB

2.mp4 68KB

layoutShift.png 106KB

共 127 条

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Summary for 5 runs http://10.0.14.220:19090/#/data-manage/log-template/list at 2024-10-15 01:48:58</title><meta name="description" content="Median First Visual Change: 1033, Median Speed Index: 1558, Median Visual Complete 85%: 1667, Median Last Visual Change: 1833 collected by sitespeed.io 25.7.3"><meta name="robots" content="noindex"><link rel="stylesheet" href="../../css/index.min.css"><style type="text/css"> </style><link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../img/ico/sitespeed.io-144.png"><link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../img/ico/sitespeed.io-114.png"><link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../img/ico/sitespeed.io-72.png"><link rel="apple-touch-icon-precomposed" href="../../img/ico/sitespeed.io-57.png"><link rel="shortcut icon" href="../../img/ico/sitespeed.io.ico"></head><body><div class="darkblue nav"><div class="navgrid"><div class="logo"><a href="https://www.sitespeed.io"><img class="navbar-brand" src="../../img/sitespeed.io-logo.png" width="162" height="50" alt="sitespeed.io logo"></a></div><ul><li><a href="../../index.html">Summary</a></li><li><a href="../../detailed.html">Detailed Summary</a></li><li><a class="active" href="../../pages.html">Pages</a></li><li><a href="../../domains.html">Domains</a></li><li><a href="../../toplist.html">Toplist</a></li><li><a href="../../assets.html">Assets</a></li></ul></div></div><div class="container"><h1>Page summary</h1><h5 class="url"><a href="http://10.0.14.220:19090/#/data-manage/log-template/list">http://10.0.14.220:19090/#/data-manage/log-template/list</a></h5><p class="small">Tested using Chrome 104.0.5112.79 <a href="../../settings.html">(runtime settings).</a></p><b></b><p></p><p><div class="large" id="pageNavigation">All runs: <a href="./1.html">1</a> - <a href="./2.html">2</a> - <a href="./3.html">3</a> - <a href="./4.html">4</a> - <a href="./5.html">5</a> -<a href="metrics.html">(side by side)</a></div></p><div id="tabs"><a id="summary" href="#summary" onclick="return selectTab(this, true);">Summary</a><a id="waterfall" href="#waterfall" onclick="return selectTab(this, true);">Waterfall </a><a id="metrics" href="#metrics" onclick="return selectTab(this, true);">Metrics</a><a id="video" href="#video" onclick="return selectTab(this, true);">Video</a><a id="filmstrip" href="#filmstrip" onclick="return selectTab(this, true);">Filmstrip </a><a id="coach" href="#coach" onclick="return selectTab(this, true);">Coach</a><a id="pagexray" href="#pagexray" onclick="return selectTab(this, true);">PageXray</a><a id="thirdparty" href="#thirdparty" onclick="return selectTab(this, true);">Third party </a></div><script type="text/javascript">window.addEventListener('DOMContentLoaded', function () { let tabsRoot = document.querySelector('#tabs'); let navigationLinks = document.querySelectorAll('#pageNavigation a'); for (let i = 0; i < navigationLinks.length; ++i) { navigationLinks[i].addEventListener('click', event => { if (!location.hash) return; event.preventDefault(); location.href = `${event.target.href}${location.hash}_ref`; }); } let currentTab; if (location.hash.endsWith('_ref')) { const targetHash = location.hash.slice(0, -4); currentTab = tabsRoot.querySelector(targetHash); setTimeout(() => history.replaceState({}, location.hash, targetHash)); } else { currentTab = tabsRoot.querySelector(location.hash || 'a'); } if (!currentTab) currentTab = tabsRoot.querySelector('a'); let sections = document.querySelectorAll('#tabSections section'); for (let i = 0; i < sections.length; i++) { sections[i].style.display = 'none'; } selectTab(currentTab, false); }); function selectTab(newSelection, updateUrlFragment) { let tabsRoot = document.querySelector('#tabs'); let sectionRoot = document.querySelector('#tabSections'); let previousSelection = tabsRoot.querySelector('[selected]'); if (previousSelection) { previousSelection.removeAttribute('selected'); let section = sectionRoot.querySelector( '#' + previousSelection.id + '-panel' ); section.style.display = 'none'; } newSelection.setAttribute('selected', ''); let section = sectionRoot.querySelector('#' + newSelection.id + '-panel'); section.style.display = 'block'; let charts = section.querySelectorAll('.ct-chart'); for (let i = 0; i < charts.length; i++) { if (charts[i].__chartist__) { charts[i].__chartist__.update(); } } if (updateUrlFragment && history.replaceState) { history.replaceState(null, null, '#' + newSelection.id); } return false; } </script><div id="tabSections"><section id="summary-panel"><small>| <a href="#summary">Summary |</a> | <a id="browsertime-timing-statistics"></a><a href="#downloads">Download Video</a> | <a href="#downloads">Download Timeline Log</a> | <a href="#downloads">Download HAR</a> | </small><a id="summary"></a><h2>Summary</h2><div class="row"><div class="one-half column"><table><tr><th>Metric</th><th>Value</th></tr><tr><th colspan="2">Page metrics</th></tr><tr><td>Performance Score</td><td>69</td></tr><tr><td>Total Page Transfer Size</td><td>4.1 MB</td></tr><tr><td>Requests</td><td>17</td></tr><tr><th colspan="2">Timing metrics</th></tr><tr><td>TTFB [median]</td><td>7 ms</td></tr><tr><td>First Paint [median]</td><td>1.025 s </td></tr><tr><td>Fully Loaded [median]</td><td>1.565 s</td></tr><tr><th colspan="2">Google Web Vitals </th></tr><tr><td>TTFB [median]</td><td>7 ms</td></tr><tr><td>First Contentful Paint (FCP) [median]</td><td>1.025 s </td></tr><tr><td>Largest Contentful Paint (LCP) [median]</td><td>1.518 s</td></tr><tr><td>Cumulative Layout Shift (CLS) [median]</td><td>0.01</td></tr><tr><td>Total Blocking Time [median]</td><td>301 ms</td></tr><tr><td>Max Potential FID [median]</td><td>351 ms</td></tr><tr><th colspan="2">CPU metrics</th></tr><tr><td>CPU long tasks [median]</td><td>2</td></tr><tr><td>CPU longest task duration</td><td>655 ms</td></tr><tr><td>CPU last long task happens at</td><td>1.133 s</td></tr><tr><th colspan="2">Visual Metrics</th></tr><tr><td>First Visual Change [median]</td><td>1.033 s</td></tr><tr><td>Speed Index [median]</td><td>1.558 s</td></tr><tr><td>Visual Complete 85% [median]</td><td>1.667 s</td></tr><tr><td>Visual Complete 99% [median]</td><td>1.767 s</td></tr><tr><td>Last Visual Change [median]</td><td>1.833 s</td></tr></table></div><div class="one-half column"><a href="data/screenshots/1/afterPageCompleteCheck.png"><img class="screenshot" src="data/screenshots/1/afterPageCompleteCheck.png" width="100%" alt="Screenshot of run 1"></a></div></div><a id="browsertime-timing-statistics"></a><h2>Timings Summary</h2><div class="responsive"><table><thead><tr><th>Metric</th><th class="number">min</th><th class="number">median</th><th class="number">mean</th><th class="number">max</th></tr></thead><tr> <td class="extraheader" colspan="5">Visual Metrics</td></tr><tr><tr><td data-title="metric">FirstVisualChange<td class="number" data-title="min"><a href="./4.html" title="Go to the run with the min FirstVisualChange">967 ms</a></td><td class="number" data-title="median"><a href="./1.html" title="Go to the run with the median FirstVisualChange">1.033 s</a></td></td><td class="number" data-title="mean">1.027 s</td><td class="number" data-title="max"><a href="./3.html" title="Go to the run with the max FirstVisualChange">1.067 s</a></td></tr></tr><tr><tr><td data-title="metric">LastVisualChange<td class="number" data-title="min"><a href="./4.html" title="Go to the run with the min LastVisualChange">1.767 s</a></td><td class="number" data-title="median"><a href="./1.html" title="Go to the run with the median LastVisualChange">1.833 s</a></td

评论收藏

内容反馈