- ID de l'analyse :
- ecbc6ace-2a07-4de4-a60f-7a21bf7a4083Terminée
- URL soumise :
- https://xenodochial-yalow-7a051a.netlify.app/
- Fin du rapport :
Liens : 55 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
https://hub.docker.com/r/sitespeedio/sitespeed.io/ | Docker container |
https://www.youtube.com/watch?v=0xAdxCUX2Po | “Getting started with Sitespeed.io using Docker” |
https://www.npmjs.com/package/sitespeed.io | npm |
https://github.com/sitespeedio/sitespeed.io/blob/main/CHANGELOG.md | changelog |
https://github.com/sitespeedio/sitespeed.io/releases.atom | RSS |
https://hub.docker.com/r/sitespeedio/browsertime/ | Docker |
https://www.npmjs.com/package/browsertime | npm |
https://github.com/sitespeedio/browsertime/blob/main/CHANGELOG.md | changelog |
https://github.com/sitespeedio/browsertime/releases.atom | RSS |
https://hub.docker.com/r/sitespeedio/coach/ | Docker |
Variables JavaScript : 6 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
ClipboardJS | function |
_self | object |
Prism | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Welcome to the wonderful world of Web Performance</title><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Sitespeed.io is an open source tool that helps you analyse and optimise your website speed and performance, based on performance best practices."><meta name="keywords" content="sitespeed.io, wpo, webperf, perfmatters, fast, site, speed, web performance optimisation, analyse, best practices, continuous integration"><meta name="author" content=""><meta name="theme-color" content="#0095d2"><link rel="canonical" href="https://www.sitespeed.io"><meta name="twitter:card" content="summary"><meta name="twitter:site" content="@sitespeedio"><meta name="twitter:creator" content="@soulislove"><meta name="twitter:url" content="https://www.sitespeed.io/"><meta name="twitter:title" content="Welcome to the wonderful world of Web Performance"><meta name="twitter:description" content="Sitespeed.io is an open source tool that helps you analyse and optimise your website speed and performance, based on performance best practices."><meta name="twitter:image" content="https://www.sitespeed.io/img/sitespeed-2.0-twitter.png"><meta property="og:image" content="/img/sitespeed.io-400x400.png"><meta property="og:title" content="Welcome to the wonderful world of Web Performance"><meta property="og:url" content="https://www.sitespeed.io/"><meta property="og:site_name" content="Sitespeed.io - How speedy is your website"><meta property="og:description" content="Sitespeed.io is an open source tool that helps you analyse and optimise your website speed and performance, based on performance best practices."><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"><link type="application/atom+xml" title="RSS Changelog for all sitespeed.io tools" href="https://www.sitespeed.io/feed/atom.xml" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for all sitespeed.io tools" href="https://www.sitespeed.io/feed/rss.xml" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for Browsertime" href="https://www.sitespeed.io/feed/browsertime.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for PageXray" href="https://www.sitespeed.io/feed/pagexray.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for Compare" href="https://www.sitespeed.io/feed/compare.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for PageXray" href="https://www.sitespeed.io/feed/pagexray.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for sitespeed.io" href="https://www.sitespeed.io/feed/sitespeed.io.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for Throttle" href="https://www.sitespeed.io/feed/throttle.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for Humble" href="https://www.sitespeed.io/feed/humble.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for Coach Core" href="https://www.sitespeed.io/feed/coach-core.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for Chrome HAR" href="https://www.sitespeed.io/feed/chrome-har.rss" rel="alternate"><link type="application/rss+xml" title="RSS Changelog for Chrome trace" href="https://www.sitespeed.io/feed/chrome-trace.rss" rel="alternate"><style> /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], /* 1 */ [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, /* 1 */ menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* Simple Grid Project Page - http://thisisdallas.github.com/Simple-Grid/ */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0px; } [class*='col-'] { float: left; padding-right: 20px; padding-left: 20px; } .grid { width: 100%; max-width: 1140px; min-width: 755px; margin: 0 auto; overflow: hidden; } .grid:after { content: ""; display: table; clear: both; } .grid-pad { padding-top: 20px; padding-left: 20px; padding-right: 0px; } .push-right { float: right; } .col-1-1 { width: 100%; } .col-2-3, .col-8-12 { width: 66.66%; } .col-1-2, .col-6-12 { width: 50%; } .col-1-3, .col-4-12 { width: 33.33%; } .col-1-4, .col-3-12 { width: 25%; } .col-1-5 { width: 20%; } .col-1-6, .col-2-12 { width: 16.667%; } .col-1-7 { width: 14.28%; } .col-1-8 { width: 12.5%; } .col-1-9 { width: 11.1%; } .col-1-10 { width: 10%; } .col-1-11 { width: 9.09%; } .col-1-12 { width: 8.33% } .col-11-12 { width: 91.66% } .col-10-12 { width: 83.333%; } .col-9-12 { width: 75%; } .col-5-12 { width: 41.66%; } .col-7-12 { width: 58.33% } .push-2-3, .push-8-12 { margin-left: 66.66%; } .push-1-2, .push-6-12 { margin-left: 50%; } .push-1-3, .push-4-12 { margin-left: 33.33%; } .push-1-4, .push-3-12 { margin-left: 25%; } .push-1-5 { margin-left: 20%; } .push-1-6, .push-2-12 { margin-left: 16.667%; } .push-1-7 { margin-left: 14.28%; } .push-1-8 { margin-left: 12.5%; } .push-1-9 { margin-left: 11.1%; } .push-1-10 { margin-left: 10%; } .push-1-11 { margin-left: 9.09%; } .push-1-12 { margin-left: 8.33% } @media handheld, only screen and (max-width: 767px) { .grid { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 10px; } [class*='col-'] { width: auto; float: none; margin-left: 0px; margin-right: 0px; margin-top: 10px; margin-bottom: 10px; padding-left: 0px; padding-right: 10px; } [class*='mobile-col-'] { float: left; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 10px; padding-left: 0px; padding-right: 10px; padding-bottom: 0px; } .mobile-col-1-1 { width: 100%; } .mobile-col-2-3, .mobile-col-8-12 { width: 66.66%; } .mobile-col-1-2, .mobile-col-6-12 { width: 50%; } .mobile-col-1-3, .mobile-col-4-12 { width: 33.33%; } .mobile-col-1-4, .mobile-col-3-12 { width: 25%; } .mobile-col-1-5 { width: 20%; } .mobile-col-1-6, .mobile-col-2-12 { width: 16.667%; } .mobile-col-1-7 { width: 14.28%; } .mobile-col-1-8 { width: 12.5%; } .mobile-col-1-9 { width: 11.1%; } .mobile-col-1-10 { width: 10%; } .mobile-col-1-11 { width: 9.09%; } .mobile-col-1-12 { width: 8.33% } .mobile-col-11-12 { width: 91.66% } .mobile-col-10-12 { width: 83.333%; } .mobile-col-9-12 { width: 75%; } .mobile-col-5-12 { width: 41.66%; } .mobile-col-7-12 { width: 58.33% } .hide-on-mobile { display: none !important; width: 0; height: 0; } } body { margin: 0; padding: 0; background: #fff; font-family: Tahoma, Verdana,sans-serif; font-size: 19px; line-height: 1.618em; word-wrap: break-word; background-color: #e1f6fd; } .nav { background: #0095d2; } .nav ul { list-style: none; text-align: center; padding: 0; margin: 0; background-color: #0095d2; } .nav li { font-size: 1em; line-height: 40px; height: 40px; border-bottom: 1px solid #0073b0; } .nav a { text-decoration: none; color: #fff; display: block; } .nav a:hover { background-color: #0073b0; } .nav a.active { background-color: #0073b0; color: #fff; cursor: default; } .logo { text-align: center; background-color: #0095d2; } .navbar-brand { padding: 0px 0px; font-size: 18px; max-width: 250px; } .nav li ul { position: absolute; display: none; width: inherit; } @media screen and (min-width: 820px) { body { padding-top: 50px; } .nav { height: 50px; width: 100%; z-index: 1000; position: fixed; top: 0; } .navbar-brand { padding: 0px 0px; font-size: 18px; float: left; max-width: 250px; } .nav a { padding-left: 20px; padding-right: 20px; } .nav { top: 0; background-color: #0095d2; } .nav li { border-bottom: none; height: 50px; line-height: 50px; font-size: 1em; float: left; display: inline-block; margin-right: 0px; } .nav a { text-decoration: none; color: #fff; display: block; } .nav a:hover { text-decoration: none; } .nav ul { list-style: none; text-align: center; padding: 0; margin: 0; background-color: #0095d2; } /* Sub Menus */ .nav li ul { position: absolute; display: none; width: inherit; } .nav li:hover ul { display: block; } .nav li ul li { display: block; float: none; } /* Fix for fixed navigation and links */ :target:before { content:""; display:block; height:50px; /* fixed header height*/ margin:-50px 0 0; /* negative fixed header height */ } } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } h1, h2, h3, h4, h5, h6 { margin-top: 1rem; margin-bottom: 2rem; font-weight: 400; } h1 { font-size: 3rem; line-height: 1.2; } h2 { font-size: 2.5rem; line-height: 1.25; } h3 { font-size: 2rem; line-height: 1.3; } h4 { font-size: 1.5rem; line-height: 1.35; } h5 { font-size: 1.25rem; line-height: 1.5; } h6 { font-size: 1.1rem; line-height: 1.6; letter-spacing: 0; } .white { background-color: #ffffff; } .lightblue { background-color: #e1e4fd; padding-bottom: 20px; } .copy { padding-top: 20px; } .flogo { padding-top: 10px; } footer h3 { margin-bottom: 10px; font-size: 1.2rem; line-height: 1.3; } .pull-left { float: left !important; } .pull-right { float: right !important; } .img-big { margin-right: 20px; } .img-footer { margin-top: 15px; } .middle { vertical-align: middle; width: 32px; } .edit { float: right; font-size: 0.8rem; line-height: 1; letter-spacing: 0; padding: 5px; } .digitalocean { vertical-align: middle; height: 26px; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; box-sizing: content-box; height: 0; } footer p { text-align: center; margin: 0; } a { color: #0073b0; cursor: pointer; text-decoration: none; } a:hover { cursor: pointer; text-decoration: underline; } code { font-size: 16px; background-color: #f5f2f0; } pre code { display: block; padding: 6px; } /* code { background-color: #eee; padding: 2px; } # pre code { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; white-space: pre-wrap; } */ .language-bash code:before { content: "$ "; } .note-info { background-color: #f0f7fd; border-color: #d0e3f0; } .note { margin: 20px 0; padding: 15px 30px 15px 15px; border-left: 10px solid #eee; } .note-warning { background-color: #fcf2f2; border-color: #dfb5b4; } .reproducable { margin: 20px 0; padding: 10px; background-color: #a0ef5b; border-color: #a0ef5b; } .img-thumbnail img { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-thumbnail-center { text-align: center; margin-bottom: 4px; } .img-thumbnail-center img { max-width: 500px; width: 100%; padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; height: auto; } .small { font-size: 0.8em; line-height: 1.2em; } .image-info { text-align: center; margin-top: 0px; } footer ul { list-style: none; padding: 0; margin: 0; } footer li { padding-bottom: 4px; } footer a { color: #0073b0; } a btn { margin-top: 10px; } .photo { border-radius: 10px; margin-right: 20px; margin-bottom: 10px; } .language-help { overflow: auto; word-wrap: normal; white-space: pre; } @media screen and (max-width: 820px) { .small { text-align: center; font-size: 19px; } h1 { line-height: 1em; } ul { padding-left: 10px; margin-left: 10px; } } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-right: 5%; margin-left: 5%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } blockquote { background: #f9f9f9; border-left: 10px solid #03c9a9; margin: 1.5em 10px; padding: 10px; } blockquote:before { font-family: georgia; color: #6c7a89; content: open-quote; font-size: 60px; /* how to fix the quote position*/ line-height: 0.1em; vertical-align: -0.4em; } blockquote p { display: inline; letter-spacing: 1px; } blockquote span { display: block; margin-top: 10px; margin-left: 10px; font-size: 15px; font-style: italic; } blockquote span:before { content: "-"; margin-right: 3px; } #upgradeTable { overflow-x: auto; } .input-field { font-size: 25px; margin: 30px auto 0; display: block; border: solid 1px #000000; border-radius: 4px; padding: 10px 20px; } .red { color: red; } .anchor { font-size: 80%; color: grey; } .king img:hover { /* Start the shake animation and make the animation last for 0.5 seconds */ animation: shake 0.5s; /* When the animation is finished, start again */ animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 800px; background: #000; text-align: center; margin: 5px auto; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("/img/playbutton.png") no-repeat; cursor: pointer; }</style><link rel="stylesheet" href="/css/prism-1.15.css"> <script src="/js/clipboard-2.0.4.min.js" defer=""></script> <script src="/js/prism-1.15.js" defer=""></script></head><body><nav role="navigation"><div class="darkblue nav"><div class="grid"><div class="col-1-1"><div class="logo"> <a href="/"><img src="/img/sitespeed-logo-2c.png" class="navbar-brand" alt="Sitespeed.io - How speedy is your site?" width="162" height="50" elementtiming="header-logo"></a></div><ul><li> <a href="/" class="active">Start</a></li><li> <a href="/documentation/">Documentation</a><ul><li><a href="/documentation/sitespeed.io/">sitespeed.io</a></li><li><a href="/documentation/browsertime/">Browsertime</a></li><li><a href="/documentation/onlinetest/">OnlineTest</a></li><li><a href="/documentation/throttle/">Throttle</a></li><li><a href="/documentation/coach/">Coach</a></li><li><a href="/documentation/pagexray/">PageXray</a></li><li><a href="/documentation/humble/">Humble</a></li><li><a href="/documentation/compare/">Compare</a></li><li><a href="/documentation/chrome-har/">Chrome HAR</a></li></ul></li><li> <a href="/support/">Support</a></li><li> <a href="/examples/">Examples</a></li><li> <a href="/blog/">Blog</a></li><li> <a href="/video/">Videos</a></li><li> <a href="/search/">Search</a></li></ul></div></div></div></nav><script> if (window.performance && window.performance.mark) { window.performance.mark('userTimingHeader'); } </script><main role="main"><div class="grid"><div class="col-1-1"><div class="col-1-2"><picture> <source media="(max-width: 1000px)" srcset="/img/team-medium-1px.png 1x, /img/team-medium-2px.png 2x"> <source media="(min-width: 1001px)" srcset="/img/team1px.png 1x, /img/team.png 2x"> <img src="/img/team.png" alt="sitespeed.io Logo with My Little Pony style cats" elementtiming="logo"> </picture></div><div class="col-1-2"><section><h1 id="welcome-to-the-wonderful-world-of-web-performance">Welcome to the wonderful world of Web Performance</h1><p>Unlock the full potential of your website with sitespeed.io - the ultimate tool for monitoring and enhancing web performance. Say goodbye to the complexity and high costs of measuring performance. With our easy-to-use <a href="/documentation/">Open Source tools</a>, you’ll have complete control over your metrics and own your own data. Welcome to the world of exceptional web performance with Sitespeed.io.</p></section></div></div></div><div class="white"><div class="grid"><div class="col-1-1"><section><h2 id="docker">Docker</h2><p>Use our <a href="https://hub.docker.com/r/sitespeedio/sitespeed.io/">Docker container</a> to get an environment with Firefox, Chrome, Edge, XVFB and sitespeed.io up and running as fast as you can download them. They work <a href="/documentation/sitespeed.io/performance-dashboard/">extremely well</a> together with Graphite/InfluxDB and Grafana that you can use to monitor your web site.</p><div class="code-toolbar"><pre class=" language-bash"><code class=" language-bash">docker run --rm -v <span class="token string">"<span class="token variable"><span class="token variable">$(</span><span class="token function">pwd</span><span class="token variable">)</span></span>:/sitespeed.io"</span> sitespeedio/sitespeed.io:35.7.1 https://www.sitespeed.io/
</code></pre><div class="toolbar"><div class="toolbar-item"><a>Copy</a></div></div></div><p>If you want to test a user scenario/journey read <a href="/documentation/sitespeed.io/scripting/">how to run test scripts</a>.</p><p>If you are new to the project you should watch the tutorial <a href="https://www.youtube.com/watch?v=0xAdxCUX2Po">“Getting started with Sitespeed.io using Docker”</a>.</p><h2 id="npm">npm</h2><p>Install sitespeed.io globally:</p><div class="code-toolbar"><pre class=" language-bash"><code class=" language-bash"><span class="token function">npm</span> <span class="token function">install</span> -g sitespeed.io
</code></pre><div class="toolbar"><div class="toolbar-item"><a>Copy</a></div></div></div><p>Make sure you have the browser you want to use for testing installed (Firefox/Chrome/Edge/Safari) and then run:</p><div class="code-toolbar"><pre class=" language-bash"><code class=" language-bash">sitespeed.io https://www.sitespeed.io/ -b chrome
</code></pre><div class="toolbar"><div class="toolbar-item"><a>Copy</a></div></div></div><p>Follow our <a href="/documentation/sitespeed.io/connectivity">connectivity guide</a> to emulate real users connectivity.</p><p>Want to <a href="/documentation/sitespeed.io/mobile-phones/">run the test on your Android phone</a>?</p><div class="code-toolbar"><pre class=" language-bash"><code class=" language-bash">sitespeed.io https://www.sitespeed.io/ -b chrome --android
</code></pre><div class="toolbar"><div class="toolbar-item"><a>Copy</a></div></div></div></section></div></div></div><div class="white"><div class="grid"><div class="col-1-2"><section><h2 id="deploying-your-own-version-of-sitespeedio-online">Deploying your own version of sitespeed.io online</h2><hr><p>Today, I have some exciting news to share! I have built a frontend for sitespeed.io to add another way to run your performance tests. <a href="/onlinetest/">Read the blog post to find out more</a>.</p></section></div><div class="col-1-2"><section><h2 id="get-the-latest-versions">Get the latest versions</h2><hr><ul><li><a href="/documentation/sitespeed.io/">sitespeed.io</a> 35.7.1 [<a href="https://hub.docker.com/r/sitespeedio/sitespeed.io/">Docker</a>/<a href="https://www.npmjs.com/package/sitespeed.io">npm</a>/<a href="https://github.com/sitespeedio/sitespeed.io/blob/main/CHANGELOG.md">changelog</a>/<a href="https://github.com/sitespeedio/sitespeed.io/releases.atom">RSS</a>]</li><li><a href="/documentation/browsertime/">Browsertime</a> 23.4.3 [<a href="https://hub.docker.com/r/sitespeedio/browsertime/">Docker</a>/<a href="https://www.npmjs.com/package/browsertime">npm</a>/<a href="https://github.com/sitespeedio/browsertime/blob/main/CHANGELOG.md">changelog</a>/<a href="https://github.com/sitespeedio/browsertime/releases.atom">RSS</a>]</li><li><a href="/documentation/coach/">Coach</a> (core) 8.0.2 [<a href="https://hub.docker.com/r/sitespeedio/coach/">Docker</a>/<a href="https://www.npmjs.com/package/webcoach">npm</a>/<a href="https://github.com/sitespeedio/coach-core/blob/main/CHANGELOG.md">changelog</a>/<a href="https://github.com/sitespeedio/coach-core/releases.atom">RSS</a>]</li><li><a href="/documentation/pagexray/">PageXray</a> 4.4.4 [<a href="https://www.npmjs.com/package/pagexray">npm</a>/<a href="https://github.com/sitespeedio/pagexray/blob/main/CHANGELOG.md">changelog</a>/<a href="https://github.com/sitespeedio/pagexray/releases.atom">RSS</a>]</li><li><a href="https://compare.sitespeed.io/">Compare</a> 1.0.0 [<a href="https://www.npmjs.com/package/@sitespeed.io/compare">npm</a>/<a href="https://github.com/sitespeedio/compare/blob/main/CHANGELOG.md">changelog</a>/<a href="https://github.com/sitespeedio/compare/releases.atom">RSS</a>]</li><li><a href="https://github.com/sitespeedio/humble">Humble</a> 1.0.0 /<a href="https://github.com/sitespeedio/humble/blob/main/CHANGELOG.md">changelog</a>/<a href="https://github.com/sitespeedio/humble/releases.atom">RSS</a>]</li><li><a href="/documentation/throttle/">Throttle</a> 5.0.1 [<a href="https://www.npmjs.com/package/@sitespeed.io/throttle">npm</a>/<a href="https://github.com/sitespeedio/throttle/blob/main/CHANGELOG.md">changelog</a>/<a href="https://github.com/sitespeedio/throttle/releases.atom">RSS</a>]</li><li><a href="/documentation/chrome-har/">Chrome-HAR</a> 1.0.1 [<a href="https://www.npmjs.com/package/chrome-har">npm</a>/<a href="https://github.com/sitespeedio/chrome-har/blob/main/CHANGELOG.md">changelog</a>/<a href="https://github.com/sitespeedio/chrome-har/releases.atom">RSS</a>]</li></ul></section></div></div><div class="grid"><div class="col-1-2"><section><h2 id="what-tool-should-i-use">What tool should I use?</h2><hr><p><a href="https://dashboard.sitespeed.io"><img src="/img/pippi.png" class="pull-left img-big" alt="The power of sitespeed.io - Pippi Longstocking logo" width="180" height="151"></a></p><p>Get a comprehensive performance measurement with <a href="/documentation/sitespeed.io/">sitespeed.io</a> - the ultimate tool for monitoring and enhancing web performance. It’s the main tool that uses all the other sitespeed.io tools, supports testing multiple pages and reporting metrics to time series databases (Graphite and InfluxDB) for monitoring your website.</p><p>If you’re looking to focus on timing metrics only, then <a href="/documentation/browsertime/">Browsertime</a> is the perfect choice for you. But for a complete performance measurement, use <a href="/documentation/sitespeed.io/">sitespeed.io</a>.</p><p>If you’re a developer of performance tools, then take advantage of the other tools that Sitespeed.io offers such as <a href="/documentation/coach/">The coach</a>, <a href="/documentation/browsertime/">Browsertime</a>, <a href="https://github.com/sitespeedio/chrome-har">Chrome-HAR</a>, <a href="/documentation/pagexray/">PageXray</a> and <a href="/documentation/throttle/">Throttle</a>. Each tool can help you in different ways, depending on what you’re building.</p></section></div><div class="col-1-2"><section><h2 id="google-web-vitals">Google Web Vitals</h2><hr><p>Experience unparalleled performance tracking and monitoring with our advanced Google Web Vitals monitoring tools. From First Contentful Paint to Largest Contentful Paint, Cumulative Layout Shift, and Total Blocking Time/First Input Delay, we’ve got you covered. Discover the most efficient way to track and monitor all your key performance metrics. Visit our <a href="/documentation/sitespeed.io/google-web-vitals/">Google Web Vitals documentation</a> now to learn more.</p></section></div></div><div class="grid"><div class="col-1-1"><section><h2 id="monitor-your-site">Monitor your site</h2><hr><p><a href="/documentation/sitespeed.io/performance-dashboard/"><img src="/img/dashboard-front.png" class="pull-left img-big" alt="Performance dashboard" width="500" height="227"></a></p><p>Using sitespeed.io together with Grafana and Graphite enables you to monitor the performance of your web site. We have a prepared <a href="https://github.com/sitespeedio/sitespeed.io/blob/main/docker/docker-compose.yml">docker-compose file</a> for your setup and some ready made <a href="https://github.com/sitespeedio/sitespeed.io/tree/main/docker/grafana/provisioning/dashboards">generic Grafana dashboards</a> that will make it easy for you to get it up and running. You can get it up and running in almost 5 minutes!</p><p>We have a version of the dashboard at <a href="https://dashboard.sitespeed.io/">dashboard.sitespeed.io</a> where you can have look and try it out.</p><p>We’ve been using the dashboards for years and years and it works really good. Read the <a href="/documentation/sitespeed.io/performance-dashboard/">documentation</a> on how to set it up and get going.</p></section></div></div><div class="grid"><div class="col-1-2"><section><h2 id="we-believe-in-privacy">We believe in privacy</h2><hr><p>At sitespeed.io, we understand the importance of privacy and take it extremely seriously. That’s why our <a href="https://www.sitespeed.io/">documentation site</a>, <a href="https://dashboard.sitespeed.io">dashboard</a>, and <a href="https://dashboard.sitespeed.io">compare tool</a> are completely free of any tracking software, including Google Analytics or any other similar programs. None of our tools will send any data back to us, giving you complete control over your information.</p><p>But we also know that your browser can be a weak point. Chrome and Firefox have been known to send data back to their servers. We’re always working to find ways to prevent this, and we welcome any contributions or suggestions from our users to improve your privacy when using our tools.</p><p>We take pride in our commitment to protecting your privacy and ensuring that you have complete control over your data. To learn more about our privacy practices, please <a href="/important/">read more</a>.</p></section></div><div class="col-1-2"><section><h2 id="what-does-it-cost">What does it cost?</h2><hr><p><a href="/documentation/sitespeed.io/performance-dashboard/#cost"><img src="/img/public.png" class="pull-left img-big" alt="sitespeed.io Public Enemy logo" width="150" height="150"></a></p><p>Sitespeed.io is freely available as Open Source software, with no hidden costs. However, running an instance of the tool does come with some expenses.</p><p>To keep costs low, we recommend using cloud/server hosting services such as <a href="https://www.hetzner.com">Hetzner</a>, and storing data on S3. With one instance, you can run a large number of tests per month, with an estimated cost of around $500 per year.</p><p>To get a more detailed understanding of the costs involved, please <a href="/documentation/sitespeed.io/performance-dashboard/#cost">refer to our cost breakdown information</a>.</p></section></div></div><div class="grid"><div class="col-1-2"><section><h2 id="thank-you">Thank you!</h2><hr><p>We are incredibly grateful for the Open Source tools that form the foundation of Sitespeed.io. Our hearts are filled with appreciation for these amazing projects and the communities that support them. We would like to extend a special thank you to (<a href="/documentation/sitespeed.io/developers/#built-upon-open-source">see the full list</a>):</p><ul><li><a href="http://www.selenium.dev/">Selenium</a></li><li><a href="https://github.com/WPO-Foundation/visualmetrics">VisualMetrics</a></li><li><a href="https://github.com/micmro/PerfCascade">PerfCascade</a></li><li><a href="http://getskeleton.com">Skeleton</a></li><li><a href="https://github.com/cgiffard/node-simplecrawler">Simple crawler</a></li></ul></section></div><div class="col-1-2"><section><h2 id="contribute">Contribute</h2><hr><p>Join the effort to make Sitespeed.io even better! Whether you’re a developer, writer, or UX expert, there are many ways you can contribute to the improvement of our tool. Check out our <a href="https://github.com/sitespeedio/sitespeed.io/blob/main/HELP.md">help section</a> and <a href="https://github.com/sitespeedio/sitespeed.io/issues">full issue list</a> for opportunities to get involved. And a big thank you to <a href="(https://github.com/sitespeedio/sitespeed.io/blob/main/CONTRIBUTORS.md)">all those</a> who have already made contributions through pull requests or ideas. Your support is greatly appreciated.</p></section></div></div></div></main><div class="grid"><div class="col-1-1"><hr><footer role="contentinfo"><div class="grid small"><div class="col-1-5 hide-on-mobile"><p> <img src="/img/black-logo-120.png" width="60" height="64" class="img-footer" alt="sitespeed.io logo in black"></p><p>sitespeed.io</p></div><div class="col-1-5"><h3>Universe</h3><ul><li><a href="https://github.com/sitespeedio">sitespeed.io</a></li><li><a href="https://github.com/sitespeedio/browsertime">Browsertime</a></li><li><a href="https://github.com/sitespeedio/coach">The coach</a></li><li><a href="https://github.com/sitespeedio/pagexray">PageXray</a></li><li><a href="https://github.com/sitespeedio/compare">Compare</a></li><li><a href="https://github.com/sitespeedio/throttle">Throttle</a></li><li><a href="https://github.com/sitespeedio/chrome-har">Chrome-HAR</a></li><li><a href="https://hub.docker.com/u/sitespeedio/">Docker</a></li><li><a href="https://github.com/sitespeedio/plugins">Plugins</a></li></ul></div><div class="col-1-5"><h3>Connect</h3><ul><li><a rel="me" href="https://bsky.app/profile/sitespeed.io">Bluesky</a></li><li><a href="https://github.com/sitespeedio">GitHub</a></li><li><a href="https://join.slack.com/t/sitespeedio/shared_invite/zt-296jzr7qs-d6DId2KpEnMPJSQ8_R~WFw">Slack</a></li><li><a rel="me" href="https://fosstodon.org/@sitespeedio">Mastodon</a></li></ul></div><div class="col-1-5"><h3>sitespeed.io</h3><ul><li><a href="/aboutus/">About Us</a></li><li><a href="/important/">How we work</a></li><li><a href="https://dashboard.sitespeed.io/">The dashboard</a></li><li><a href="/logo/">Logos</a></li><li><a href="/privacy-policy/">Privacy Policy</a></li><li><a href="/sponsor/">Sponsor</a></li></ul></div><div class="col-1-5"><h3><span class="red">♥</span> Open Source <span class="red">♥</span></h3><ul><li><a href="http://www.selenium.dev/">Selenium</a></li><li><a href="https://github.com/micmro/PerfCascade">PerfCascade</a></li><li><a href="http://getskeleton.com/">Skeleton</a></li><li><a href="https://github.com/cgiffard/node-simplecrawler">Simplecrawler</a></li></ul></div><div class="col-1-1"><p class="flogo"></p><p class="copy"> © Sitespeed.io 2024, last updated 16:35 11 December 2024</p></div></div><p> <script> if (window.performance && window.performance.mark) { window.performance.mark('userTimingFooter'); window.performance.measure('exampleMeasurement', 'userTimingHeader', 'userTimingFooter'); } </script></p></footer></div></div>
</body></html>