10 |
11 | **No client-side software or plugin is required. You can run a network speed test from any device with a [Web Browser that is IE10 or newer.](https://www.youtube.com/watch?v=9f-OM_WQ7Bw&list=PLt-deStxFJOMEAs2O1lJhscMNzcg9E3Po&index=1)**
12 |
13 | 
14 | 
15 |
16 | ## Why OpenSpeedTest
17 |
18 |
19 |
20 | ### Secure by Design.
21 |
22 |
23 |
24 | OpenSpeedTest contains Only `STATIC` Files like `HTML`,`CSS` & `JS`.
25 |
26 | So you don't need to worry about Security Updates or Hidden Exploits that may compromise your secure environments.
27 |
28 |
29 |
30 | ### Lightweight, High Performance.
31 |
32 |
33 |
34 | OpenSpeedTest is written in Vanilla JavaScript. No Third-Party frameworks or libraries were used. SpeedTest script file size is under 8kB gzip. The unexpected side effect of using Vanilla JavaScript is High Performance.
35 |
36 |
37 |
38 | ### Run a speed test from Any Device.
39 |
40 |
41 |
42 | OpenSpeedTest will run on Any Web Browser that is IE10 or newer.
43 |
44 |
45 |
46 | ### Ready for Any Display Size and Resolution.
47 |
48 |
49 |
50 | OpenSpeedTest User interface is written in SVG.
51 |
52 |
53 |
54 | # Create Your Own SpeedTest Server.
55 |
56 | ### Server Requirements :
57 |
58 | `Nginx`, `Apache`, `IIS`, `Express`, or Any Web server that supports `HTTP/1.1` or newer.
59 |
60 | - Accept, `GET`, `POST`, `HEAD` & `OPTIONS`, Response `200 OK`.
61 |
62 | - Accept, `POST` to Static Files, Response `200 OK`.
63 |
64 | - `client_max_body_size`, 35 Megabytes or more.
65 |
66 | - Timeout greater than `60 seconds`.
67 |
68 | - Disable `Access logs` for Increasing server performance.
69 |
70 | - Improve `Time to First Byte` (TTFB)
71 |
72 | - Warning! If you run it behind a **[Reverse Proxy](https://github.com/openspeedtest/Speed-Test/issues/4#issuecomment-1229157193)**, you should increase the `post-body content length` to 35 megabytes.
73 | - Supports `HTTP2` & `HTTP3`.
74 | - `HTTP1.1` is recommended for achieving maximum performance.
75 | - **[You Should Follow our Nginx Config.](https://github.com/openspeedtest/Nginx-Configuration)**
76 |
77 |
78 |
79 | # Or, You can use OpenSpeedTest-Server.
80 |
81 | OpenSpeedTest-Server is available for Windows, Mac, Linux, Android, iOS & Docker.
82 | [](https://go.openspeedtest.com/Server "Download OpenSpeedTest-Server V2.1")
83 | #### Fully Optimized and ready to use applications.
84 |
85 |
86 |
87 | ### New features:
88 |
89 |
90 |
91 | 1. Stress Test. (Continuous Speed Test)
92 |
93 |
94 |
95 | To enable the stress test. Pass `Stress` or `S` keyword as a URL parameter.
96 |
97 |
98 |
99 | ````
100 |
101 | http://192.168.1.5?Stress=Low
102 |
103 | ````
104 |
105 | After the `STRESS` or `S` keyword, you can specify the number of seconds you need to run the StressTest in seconds, or preset values such as `Low`, `Medium`, `High`, `VeryHigh`, `Extreme`, `Day`, and `Year`. Will run a speed test for `300`,`600`,`900`,`1800`,`3600`,`86400`,`31557600` seconds, respectively. Also, you can feed the first letter of each parameter and its values.
106 |
107 |
108 | ````
109 |
110 | http://192.168.1.5?S=L
111 |
112 | ````
113 |
114 | `S=L` is the same as passing `Stress=low`
115 |
116 | Or you can specify the number of seconds eg:`5000` directly without any preset keywords.
117 |
118 |
119 |
120 | ````
121 |
122 | http://192.168.1.5?Stress=5000
123 |
124 | ````
125 |
126 |
127 |
128 | 2. Run a speed test automatically
129 |
130 |
131 |
132 | Run a speed test automatically on page load.
133 |
134 | ````
135 |
136 | http://192.168.1.5?Run
137 |
138 | ````
139 |
140 | Run a speed test automatically after a few seconds.
141 |
142 | ````
143 |
144 | http://192.168.1.5?Run=10 or http://192.168.1.5?R=10
145 |
146 | ````
147 |
148 |
149 |
150 | You can pass multiple keywords, and it's not `Case-Sensitive`.
151 |
152 |
153 |
154 | ````
155 |
156 | http://192.168.1.5?Run&Stress=300 OR http://192.168.1.5?R&S=300
157 |
158 | ````
159 |
160 | This will start a speed test immediately and run for `300 seconds` in each direction. That is 300 seconds for download and `300 seconds` for upload.
161 |
162 |
163 |
164 | 3. Save results to a Database
165 |
166 |
167 |
168 | Edit `Index.html`
169 |
170 | ````
171 |
172 | var saveData = true;
173 |
174 | var saveDataURL = "//yourDatabase.Server.com:4500/save?data=";
175 |
176 | ````
177 |
178 | 4. Add multiple servers. The app will choose one with the least latency automatically.
179 |
180 |
181 |
182 | Edit `Index.html`
183 |
184 | ````
185 |
186 | var openSpeedTestServerList = [
187 |
188 | {"ServerName":"Home-Earth", "Download":"/downloading", "Upload":"/upload", "ServerIcon":"DefaultIcon"},
189 |
190 | {"ServerName":"Home-Mars", "Download":"/downloading", "Upload":"/upload", "ServerIcon":"DefaultIcon"},
191 |
192 | {"ServerName":"Home-Moon", "Download":"/downloading", "Upload":"/upload", "ServerIcon":"DefaultIcon"}
193 |
194 | ];
195 |
196 | ````
197 |
198 | 5. Disable or change Overhead Compensation factor.
199 |
200 |
201 |
202 | ````
203 |
204 | http://192.168.1.5?clean
205 |
206 | ````
207 |
208 | Overhead Compensation factor, This is browser based test, Many Unknowns. Currently 4%. That is within the margin of error.
209 |
210 | You can pass `Clean` or `C` as a URL Parameter and reset Overhead Compensation factor to Zero or set any value between 0 and 4. 1 = 1% to 4 = 4%.
211 |
212 | `Clean` will not accept values above 4, so Compensation is limited to maximum 4%.
213 |
214 |
215 |
216 | 6. Change the default limit of 6 parallel HTTP connections to the Server.
217 |
218 |
219 |
220 | ````
221 |
222 | http://192.168.1.5?XHR=3 OR http://192.168.1.5?X=3
223 |
224 | ````
225 |
226 | Allow the user to Change the default limit of 6 parallel HTTP connections to the Server. `XHR` will Accept values above 1 and max 32
227 |
228 | pass `XHR` or `X` as a URL Parameter.
229 |
230 |
231 |
232 | 7. Select a different server to run a speed test.
233 |
234 |
235 |
236 | ````
237 |
238 | http://192.168.1.5?Host=http://192.168.55.1:90 OR http://192.168.1.5?h=http://192.168.55.1:90
239 |
240 | ````
241 |
242 | Pass `Host` or `H` as a URL Parameter.
243 |
244 | `HOST` will Accept only valid HTTP URLs like `http://192.168.1.10:3000` or `https://yourHost.com`.
245 |
246 |
247 |
248 | 8. Select and run one test at a time, `DOWNLOAD`, `UPLOAD`, or `PING`.
249 |
250 |
251 |
252 | ````
253 |
254 | http://192.168.1.5?Test=Upload OR http://192.168.1.5?T=U
255 |
256 | ````
257 |
258 | `TEST` Allow the user to select and run one test at a time, Download, Upload, or Ping.
259 |
260 | Pass `Test` or `T` as a URL Parameter.
261 |
262 |
263 |
264 | 9. Set a PingTimeout dynamically by passing `Out` or `O` as a URL Parameter
265 |
266 |
267 |
268 | ````
269 |
270 | http://192.168.1.5?Out=7000 OR http://192.168.1.5?O=7000
271 |
272 | ````
273 |
274 | If Server not responded within 5 Seconds for any requests we send ('pingSamples' times)
275 |
276 | We will show `Network Error`, You can change the limit here.
277 |
278 | In milliseconds, if you need to set `6 seconds`. Change the value to `6000`.
279 |
280 |
281 |
282 | 10. Set the Number of ping samples by adding `Ping` or `P` as a URL Parameter
283 |
284 |
285 |
286 | ````
287 |
288 | http://192.168.1.5?Ping=500 OR http://192.168.1.5?P=500
289 |
290 | ````
291 |
292 | More samples = more accurate representation. `Ping = 500` will send `501` requests to server to find the accurate ping value.
293 | Take a look at index.html, you can set a custom ping sample size, threads, upload data size etc.
294 |
295 | ## Self-hosted (On-Premise) / (Docker Image/Source Code)
296 | ### For Headless large-scale deployments.
297 | You have two options here. If you need a custom deployment, use our source code along with a web server of your choice. I prefer Nginx, and you can find my [Nginx Configuration](https://github.com/openspeedtest/Nginx-Configuration) here. Or you can use our docker image. You can deploy it on your LAN/WAN with or without an active internet connection.
298 |
299 | **This is docker implementation using nginxinc/nginx-unprivileged:stable-alpine. uses significantly fewer resources.**
300 |
301 | - NGINX Docker image that runs NGINX as a non root, unprivileged user.
302 |
303 | ### Docker install instructions:
304 |
305 | Install Docker and run the following command!
306 |
307 | ````bash
308 |
309 | sudo docker run --restart=unless-stopped --name openspeedtest -d -p 3000:3000 -p 3001:3001 openspeedtest/latest
310 |
311 | ````
312 | #### Or use docker-compose.yml
313 | ````
314 | version: '3.3'
315 | services:
316 | speedtest:
317 | restart: unless-stopped
318 | container_name: openspeedtest
319 | ports:
320 | - '3000:3000'
321 | - '3001:3001'
322 | image: openspeedtest/latest
323 | ````
324 | - Warning! If you run it behind a **[Reverse Proxy](https://github.com/openspeedtest/Speed-Test/issues/4#issuecomment-1229157193)**, you should increase the `post-body content length` to 35 megabytes.
325 |
326 | - **[Follow our Nginx Config.](https://github.com/openspeedtest/Nginx-Configuration)**
327 |
328 | Now open your browser and direct it to:
329 |
330 | A: For **HTTP** use: `http://YOUR-SERVER-IP:3000`
331 |
332 | B: For **HTTPS** use: `https://YOUR-SERVER-IP:3001`
333 |
334 | #### Container-Port for http is 3000
335 | If you need to run this image on a different port for `HTTP`, Eg: change to `80` = `-p 80:3000`
336 | #### Container-Port for https is 3001
337 | If you need to run this image on a different port for `HTTPS`, Eg: change to `443` = `-p 443:3001`
338 |
339 | ### Setup Free LetsEncrypt SSL with Automatic Certificate Renewal
340 | ***Requirements***
341 | - PUBLIC IPV4 and/or IPV6 address.
342 | - A domain name that resolves to speed test server's IP address.
343 | - Email ID
344 |
345 | The following command will generate a Let's Encrypt certificate for your domain name and configure a cron job to automatically renew the certificate.
346 |
347 | ````
348 | docker run -e ENABLE_LETSENCRYPT=True -e DOMAIN_NAME=speedtest.yourdomain.com -e USER_EMAIL=you@yourdomain.pro --restart=unless-stopped --name openspeedtest -d -p 80:3000 -p 443:3001 openspeedtest/latest
349 | ````
350 | #### Or use docker-compose.yml
351 | ````
352 | version: '3.3'
353 | services:
354 | speedtest:
355 | environment:
356 | - ENABLE_LETSENCRYPT=True
357 | - DOMAIN_NAME=speedtest.yourdomain.com
358 | - USER_EMAIL=you@yourdomain.pro
359 | restart: unless-stopped
360 | container_name: openspeedtest
361 | ports:
362 | - '80:3000'
363 | - '443:3001'
364 | image: openspeedtest/latest
365 | ````
366 |
367 | ### How to Use Your Own Secure Sockets Layer (SSL) Certificate, Self-Signed or Paid?
368 | ***Requirements***
369 | - Folder with your Certificate, Self-Signed or Paid.
370 | - Rename .cet file and .key file to `nginx.crt` & `nginx.key`
371 |
372 | The folder needs to contain:
373 |
374 | - `nginx.crt`
375 |
376 | - `nginx.key`
377 |
378 |
379 | ````
380 | sudo docker run --restart=unless-stopped --name openspeedtest -d -p 3000:3000 -p 3001:3001 openspeedtest/latest
381 | ````
382 |
383 | To mount a folder with your own SSL certificate to this Docker container, append the following line to the above command:
384 |
385 |
386 | ````bash
387 |
388 | -v /${PATH-TO-YOUR-OWN-SSL-CERTIFICATE}:/etc/ssl/
389 |
390 | ````
391 |
392 | I am adding a folder with nginx.crt and nginx.key from my desktop by using the following command.
393 |
394 | ````bash
395 |
396 | sudo docker run -v /Users/vishnu/Desktop/docker/:/etc/ssl/ --restart=unless-stopped --name openspeedtest -d -p 3000:3000 -p 3001:3001 openspeedtest/latest
397 |
398 | ````
399 | #### Or use docker-compose.yml
400 | ````
401 | version: '3.3'
402 | services:
403 | speedtest:
404 | volumes:
405 | - '/Users/vishnu/Desktop/docker/:/etc/ssl/'
406 | restart: unless-stopped
407 | container_name: openspeedtest
408 | ports:
409 | - '3000:3000'
410 | - '3001:3001'
411 | image: openspeedtest/latest
412 | ````
413 | ## Advanced Configuration Options
414 |
415 | - Container Port Configuration
416 |
417 | To enable port changes, set the `CHANGE_CONTAINER_PORTS` environment variable to `"True"` and provide appropriate values for the following variables.
418 |
419 | `CHANGE_CONTAINER_PORTS=True`
420 |
421 | `HTTP_PORT=3000`
422 |
423 | `HTTPS_PORT=3001`
424 |
425 | - Set User
426 |
427 | `SET_USER=101`
428 |
429 | - Only Allow `CORS Request` from listed domains.
430 |
431 | `ALLOW_ONLY=domain1.com;domain2.com;domain3.com`
432 |
433 | - `SET_SERVER_NAME` Display the server name on the UI.
434 |
435 | `SET_SERVER_NAME=HOME-NAS`
436 |
437 |
438 | Docker images run better on Linux Platforms, including your NAS. But if you install docker on macOS or Windows, you may see poor performance. I asked this on Docker forums, and they told me macOS and Windows support is for Development purposes only. For Production, you need to use any Linux Platform.
439 |
440 | The same Story goes for Windows NGINX. Nginx uses only one worker even if you specify n number of worker processes. They will show in Task Manager, but the system will only use one. I got this information directly from the Nginx website.
441 |
442 |
443 |
444 |
445 |
446 | ## Why do you need to Create Your Own SpeedTest Server?
447 |
448 | You can run OpenSpeedTest Server in your Home Lab, Office Server or Cloud Server. So that you or employees who work from home can run a speed test to your office and make sure they can run everything smoothly.
449 |
450 |
451 |
452 | **Choosing between ISP1 & ISP2.**
453 |
454 |
455 |
456 | Sometimes your ISP2 is Faster than ISP1 when you test your speed on popular speed test sites. But when you connect to your Home/Office/Cloud, that slower connection may perform better. The only way to find out is to run a speed test against your infrastructure.
457 |
458 |
459 |
460 | **Troubleshooting network issues.**
461 |
462 |
463 |
464 | It is common even when your Internet connection is working fine, but some of the devices in your network may experience trouble getting decent connectivity to the internet. The issue might be the wrong VLAN ID or Faulty Switch. If you run a Local network speed test, you can find and fix these issues easily.
465 |
466 |
467 |
468 | **Before you add a repeater.**
469 |
470 |
471 |
472 | Most repeaters will reduce your network speed by 50%, so if you put it far away, it will perform worst, and if you put it too close, you will not get enough coverage if you run a Local Network speed test. Depending on the application requirements, you can decide exactly where you need to put your repeater.
473 |
474 |
475 |
476 | **Browsing experience.**
477 |
478 |
479 |
480 | Many useful browser extensions are out there that we all know and love. But some of them are really slowing you down for **few seconds per page you visit**. You may see good performance when you test your network performance via File Transfer or Command-line utilities, but you may experience poor performance when browsing the internet. This is due to a bad browser configuration that including unwanted extensions installed. From my experience, only keep the one you are going to use every single day. Extension that you may use once in a while should be removed or disabled for maximum performance. If you see poor performance, try OpenSpeedTest from Private Window or Incognito Window. **This tool can be used to check the browser performance and impact of Extensions on your browsing experience.**
481 |
482 |
483 |
484 | **No client-side software or plugin is required. You can run a network speed test from any device with a [Web Browser that is IE10 or newer.](https://www.youtube.com/watch?v=9f-OM_WQ7Bw&list=PLt-deStxFJOMEAs2O1lJhscMNzcg9E3Po&index=1)**
485 |
486 | - Like this Project? Please **Donate NOW & Keep us Alive** -> https://go.openspeedtest.com/Donate
487 |
488 | MIT License
489 |
490 | Copyright (c) 2013 - 2023 OpenSpeedTest™
491 |
492 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
493 |
494 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
495 |
496 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
497 |
--------------------------------------------------------------------------------
/assets/css/app.css:
--------------------------------------------------------------------------------
1 | /* roboto-regular - latin */
2 | @font-face {
3 | font-family: "Roboto";
4 | font-style: normal;
5 | font-weight: 400;
6 | font-display: swap;
7 | src: url("..fonts/roboto-v30-latin-regular.eot"); /* IE9 Compat Modes */
8 | src: local(""),
9 | url("../fonts/roboto-v30-latin-regular.eot?#iefix")
10 | format("embedded-opentype"),
11 | /* IE6-IE8 */ url("../fonts/roboto-v30-latin-regular.woff2")
12 | format("woff2"),
13 | /* Super Modern Browsers */
14 | url("../fonts/roboto-v30-latin-regular.woff") format("woff"),
15 | /* Modern Browsers */ url("../fonts/roboto-v30-latin-regular.ttf")
16 | format("truetype"),
17 | /* Safari, Android, iOS */
18 | url("../fonts/roboto-v30-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
19 | }
20 | /* roboto-500 - latin */
21 | @font-face {
22 | font-family: "Roboto";
23 | font-style: normal;
24 | font-weight: 500;
25 | font-display: swap;
26 | src: url("assets/fonts/roboto-v30-latin-500.eot"); /* IE9 Compat Modes */
27 | src: local(""),
28 | url("assets/fonts/roboto-v30-latin-500.eot?#iefix")
29 | format("embedded-opentype"),
30 | /* IE6-IE8 */ url("../fonts/roboto-v30-latin-500.woff2")
31 | format("woff2"),
32 | /* Super Modern Browsers */ url("../fonts/roboto-v30-latin-500.woff")
33 | format("woff"),
34 | /* Modern Browsers */ url("../fonts/roboto-v30-latin-500.ttf")
35 | format("truetype"),
36 | /* Safari, Android, iOS */
37 | url("../fonts/roboto-v30-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */
38 | }
39 |
40 | body {
41 | margin: 0px;
42 | padding: 0px;
43 | display: block;
44 | }
45 |
46 | ::-webkit-scrollbar {
47 | display: none;
48 | }
49 | html {
50 | -ms-overflow-style: none;
51 | scrollbar-width: none;
52 | }
53 |
54 | .Credits {
55 | color: rgb(125 119 119);
56 | text-align: center;
57 | font-size:14px;
58 | font-family: Roboto-Medium, Roboto;
59 | font-weight: 500;
60 | }
61 | .Credits a {
62 | text-decoration: none;
63 | color: rgb(113, 113, 113);
64 | }
65 | .Credits a:hover {
66 | color: #14b0fe;
67 | }
68 |
69 | .ConnectError {
70 | display: none;
71 |
72 | }
73 |
74 | .openSpeedtestApp {
75 |
76 | height: 100vh;
77 | width: 100vw;
78 | display: none;
79 | overflow: hidden;
80 | }
81 | .main-Gaugebg {
82 | fill: none;
83 | stroke: rgb(231, 231, 232);
84 | stroke-linecap: round;
85 | stroke-linejoin: round;
86 | stroke-width: 22px;
87 | stroke-dasharray: 681;
88 | }
89 | .main-GaugeBlue {
90 | fill: none;
91 | stroke: url(#gradient);
92 | stroke-linecap: round;
93 | stroke-linejoin: round;
94 | stroke-width: 22px;
95 | stroke-dasharray: 681;
96 | stroke-opacity: 0;
97 | }
98 | .main-GaugeWhite {
99 | fill: none;
100 | stroke: rgb(255, 255, 255);
101 | stroke-linecap: round;
102 | stroke-linejoin: round;
103 | stroke-width: 15px;
104 | stroke-dasharray: 0, 681;
105 | stroke-dashoffset: 1;
106 | stroke-opacity: 0;
107 | }
108 | .oDo-Meter {
109 | font-size: 16.633283615112305px;
110 | fill: gray;
111 | font-family: Roboto-Medium, Roboto;
112 | font-weight: 500;
113 | }
114 | .oDoLive-Speed {
115 | font-size: 28px;
116 | fill: #201e1e;
117 | font-family: Roboto-Medium, Roboto;
118 | font-weight: 500;
119 | text-anchor: middle;
120 | }
121 |
122 | .oDoLive-Status {
123 | font-size: 10px;
124 | fill: #d2d1d2;
125 | font-family: Roboto-Medium, Roboto;
126 | font-weight: 500;
127 | text-anchor: middle;
128 | }
129 | .uiBg {
130 | fill: #d2d1d2;
131 | }
132 | .progressbg {
133 | stroke: rgb(231, 231, 232);
134 | stroke-width: 8px;
135 | stroke-linecap: round;
136 | stroke-linejoin: round;
137 | stroke-dasharray: 400;
138 | stroke-dashoffset: 0;
139 | }
140 | .Cards {
141 | fill: #f2f2f2;
142 | }
143 | .Symbol {
144 | fill: url(#gradient);
145 | }
146 | .rtext {
147 | font-size: 12px;
148 | fill: #333;
149 | font-family: Roboto-Medium, Roboto;
150 | font-weight: 500;
151 | }
152 | .rtextnum {
153 | font-size: 23px;
154 | fill: #201e1e;
155 | font-family: Roboto-Medium, Roboto;
156 | font-weight: 500;
157 | text-anchor: middle;
158 | }
159 | .rtextmbms {
160 | font-size: 12px;
161 | fill: #5f5f5f;
162 | font-family: Roboto-Medium, Roboto;
163 | font-weight: 500;
164 | text-anchor: middle;
165 | }
166 | .jitter-Mob {
167 | font-size: 9px;
168 | fill: #5f5f5f;
169 | font-family: Roboto-Medium, Roboto;
170 | font-weight: 500;
171 | text-anchor: middle;
172 | }
173 | .startButton {
174 | fill: url(#RadialGradient1);
175 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
176 | -webkit-tap-highlight-color: transparent;
177 | cursor: pointer;
178 | pointer-events: visible;
179 | }
180 | .buttonTxt {
181 | font-size: 40px;
182 | fill: #ffffff;
183 | font-family: Roboto-Medium, Roboto;
184 | font-weight: 500;
185 | text-anchor: middle;
186 | }
187 |
188 | .intro-Progress {
189 | stroke: #56c4fb;
190 | stroke-width: 8px;
191 | stroke-linecap: round;
192 | stroke-linejoin: round;
193 | stroke-dasharray: 400;
194 | stroke-dashoffset: 0;
195 | }
196 | .progressElmstart {
197 | stroke: #56c4fb;
198 | stroke-width: 8px;
199 | stroke-linecap: round;
200 | stroke-linejoin: round;
201 | stroke-dasharray: 400;
202 | stroke-dashoffset: 0;
203 | display: block;
204 | }
205 | .Startsettings {
206 | fill: url(#RadialGradient1);
207 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
208 | -webkit-tap-highlight-color: transparent;
209 | cursor: pointer;
210 | pointer-events: visible;
211 | opacity: 0.1;
212 | transition: opacity 1s ease-in-out;
213 | }
214 | .Startsettings:hover {
215 | opacity: 1;
216 | }
217 |
218 | .progressbg {
219 | stroke: rgb(231, 231, 232);
220 | stroke-width: 8px;
221 | stroke-linecap: round;
222 | stroke-linejoin: round;
223 | stroke-dasharray: 400;
224 | stroke-dashoffset: 0;
225 | }
226 | .deskStart {
227 | fill: none;
228 | stroke: rgb(231, 231, 232);
229 | stroke-linecap: round;
230 | stroke-linejoin: round;
231 | stroke-width: 22px;
232 | stroke-dasharray: 681;
233 | stroke: url(#gradient);
234 | }
235 | #UI-Desk {
236 | display: none;
237 | }
238 | #UI-Mob {
239 | display: none;
240 | }
241 | .oDoTop-Speed {
242 | font-size: 16.96px;
243 | fill: gray;
244 | font-family: Roboto-Medium, Roboto;
245 | font-weight: 500;
246 | text-anchor: end;
247 | }
248 | #upSymbolDesk {
249 | fill: #14b0fe;
250 | display: none;
251 | }
252 | #downSymbolDesk {
253 | fill: #14b0fe;
254 | display: none;
255 | }
256 | #upSymbolMob {
257 | fill: #14b0fe;
258 | display: none;
259 | }
260 | #downSymbolMob {
261 | fill: #14b0fe;
262 | display: none;
263 | }
264 |
265 | #ipMob {
266 | font-size: 15px;
267 | fill: #201e1e;
268 | font-family: Roboto-Medium, Roboto;
269 | font-weight: 500;
270 | text-anchor: middle;
271 | display: none;
272 | }
273 | #ipDesk {
274 | font-size: 15px;
275 | fill: #201e1e;
276 | font-family: Roboto-Medium, Roboto;
277 | font-weight: 500;
278 | text-anchor: middle;
279 | display: none;
280 | }
281 |
282 | .spinner {
283 | position: absolute;
284 | z-index: 999;
285 | top: 50vh;
286 | left: 50vw;
287 | text-align: center;
288 | }
289 |
290 | .spinner > div {
291 | width: 20px;
292 | height: 20px;
293 | background-color: #2196f3;
294 |
295 | border-radius: 100%;
296 | display: inline-block;
297 | -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
298 | animation: sk-bouncedelay 1.4s infinite ease-in-out both;
299 | }
300 |
301 | .spinner .bounce1 {
302 | -webkit-animation-delay: -0.32s;
303 | animation-delay: -0.32s;
304 | }
305 |
306 | .spinner .bounce2 {
307 | -webkit-animation-delay: -0.16s;
308 | animation-delay: -0.16s;
309 | }
310 |
311 | @-webkit-keyframes sk-bouncedelay {
312 | 0%,
313 | 80%,
314 | 100% {
315 | -webkit-transform: scale(0);
316 | }
317 | 40% {
318 | -webkit-transform: scale(1);
319 | }
320 | }
321 |
322 | @keyframes sk-bouncedelay {
323 | 0%,
324 | 80%,
325 | 100% {
326 | -webkit-transform: scale(0);
327 | transform: scale(0);
328 | }
329 | 40% {
330 | -webkit-transform: scale(1);
331 | transform: scale(1);
332 | }
333 | }
334 |
335 | .darkmode {
336 | margin-bottom: -15px;
337 | fill: #75757a99;
338 | padding-top: 16px;
339 | display: none;
340 | cursor: pointer;
341 | margin-right: 30px;
342 | }
343 | #daymode {
344 | margin-right: 40px;
345 | }
346 | .darkmode:hover {
347 | fill: #000000;
348 | }
349 |
350 | .Mobile,
351 | .Desktop {
352 | visibility: hidden;
353 | width: 100vw;
354 | height: 100vh;
355 | }
356 |
357 | @media only screen and (orientation: landscape) {
358 | .Mobile {
359 | visibility: hidden;
360 | }
361 | .Desktop {
362 | visibility: visible;
363 | }
364 | }
365 |
366 | @media only screen and (orientation: portrait) {
367 | .spinner {
368 | top: 42vh;
369 | left: 42vw;
370 | }
371 | .Mobile {
372 | visibility: visible;
373 | }
374 | .Desktop {
375 | visibility: hidden;
376 | }
377 | }
378 | @media only screen and (max-width: 300px) {
379 | .Credits{
380 | display: none;
381 | }
382 | }
383 |
--------------------------------------------------------------------------------
/assets/css/darkmode.css:
--------------------------------------------------------------------------------
1 | body {
2 | background-color: #181818;
3 | }
4 | #ipDesk {
5 | fill: aliceblue;
6 | }
7 |
8 | .oDoLive-Speed {
9 | fill: #ffffff;
10 | }
11 | .oDoLive-Status {
12 | fill: aliceblue;
13 | }
14 | #ipMob {
15 | fill: aliceblue;
16 | }
17 | .rtextnum {
18 | fill: #ffffff;
19 | }
20 | .rtextmbms {
21 | fill: #ffffff;
22 | }
23 | .rtext {
24 | fill: #ffffff;
25 | }
26 | .Cards {
27 | fill: #000000;
28 | }
29 |
30 | .main-Gaugebg {
31 | stroke: #000000;
32 | }
33 | .uiBg {
34 | fill: #000000;
35 | }
36 | .progressbg {
37 | stroke: #202020;
38 | }
39 | .jitter-Mob {
40 | fill: #ffffff;
41 | }
42 |
43 | .ConnectError {
44 | fill: #ffffff;
45 | }
46 |
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-500.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/fonts/roboto-v30-latin-500.eot
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-500.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
306 |
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-500.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/fonts/roboto-v30-latin-500.ttf
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-500.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/fonts/roboto-v30-latin-500.woff
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-500.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/fonts/roboto-v30-latin-500.woff2
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/fonts/roboto-v30-latin-regular.eot
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-regular.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
309 |
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/fonts/roboto-v30-latin-regular.ttf
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/fonts/roboto-v30-latin-regular.woff
--------------------------------------------------------------------------------
/assets/fonts/roboto-v30-latin-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/fonts/roboto-v30-latin-regular.woff2
--------------------------------------------------------------------------------
/assets/images/app.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/assets/images/icons/android-chrome-192x192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/images/icons/android-chrome-192x192.png
--------------------------------------------------------------------------------
/assets/images/icons/android-chrome-512x512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/images/icons/android-chrome-512x512.png
--------------------------------------------------------------------------------
/assets/images/icons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/openspeedtest/Speed-Test/3ec39a31ec64858642629991caf0dd14ce7c34ca/assets/images/icons/apple-touch-icon.png
--------------------------------------------------------------------------------
/assets/images/icons/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 | © Copyright 2013-2024 OpenSpeedTest™ All Rights Reserved.
161 |