Wanting to try my hand at some AMPhtml, this was the perfect use case as I regularly ran into the situation during my years of cellular support. Customers would get a ‘page can not be displayed’ or a time out error in their apps and by directing them to this website, I could prove the issue was not connectivity but throughput. While it didn’t change the customers’ immediate concerns; it did allow for quicker troubleshooting, provide reassurance I could assist, and often calmed them as slow internet is mentally temporary versus no internet being permanent.
The website is no longer active and AMPhtml requirements have changed over time but included is the original code.
<!doctype html>
<html amp lang="en" manifest="manifest.appcache">
<head>
<meta charset="utf-8">
<meta name="description" content="A very small website used to confirm network connectivity over slow connections.">
<meta name="keywords"
content="ookla, speed, test, speedtest, speed test, bandwidth speed test, internet speed test, broadband speed test, speakeasy, flash, cnet, internet, network, connection, broadband, bandwidth, latency, ping, throughput, download, upload, connection, dsl, adsl, cable, t1, voip, isp, asp, internet, ip, ip address, tcp, ds3">
<meta http-equiv="Content-Language" content="en">
<meta name="Robots" content="INDEX,FOLLOW">
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<title>Network Connection Verification</title>
<link rel="canonical" href="http://www.confirmnetwork.com/non-amp-index.html" />
<link rel="icon" href="favicon.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style amp-custom>
body {
font-family: Courier;
background-color: #000000;
color: #00FF00;
}
p {
padding-left: 20px;
padding-right: 20px;
}
a:link {
color: #00FF00;
text-decoration: none;
}
a:visited {
color: #00FF00;
text-decoration: none;
}
</style>
<style amp-boilerplate>
body {
-webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
-ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
animation: -amp-start 8s steps(1, end) 0s 1 normal both
}
@-webkit-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-moz-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-ms-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@-o-keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
@keyframes -amp-start {
from {
visibility: hidden
}
to {
visibility: visible
}
}
</style><noscript>
<style amp-boilerplate>
body {
-webkit-animation: none;
-moz-animation: none;
-ms-animation: none;
animation: none
}
</style>
</noscript>
<meta name="google-site-verification" content="xxxxxxxxxxxxxx" />
</head>
<body>
<amp-analytics type="googleanalytics">
<script type="application/json">
{
"vars": {
"account": "UA-xxxxxxx-1"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script>
</amp-analytics>
<p>ConfirmNetwork.com is a non-cached 3.3 kb website used to confirm an internet connection. Due to the overall size
of most modern websites; a time out error and false indication of no network connection occurs when loading "normal"
pages at less then accustomed speeds. If you can read this, you have an internet connection.</p>
<p><a href="http://testmy.net/download">TestMy.net Download Speed Test</a></p>
</body>
</html>