test cases for the coach

This commit is contained in:
soulgalore 2017-11-10 09:50:57 +01:00
parent d25e9dfd88
commit e7141bd7e9
69 changed files with 1428 additions and 0 deletions

View File

@ -0,0 +1,33 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Alt images</title>
</head>
<body>
<h1>Al Green - Lets stay together</h1>
<pre>I, I'm so in love with you
Whatever you want to do is all right with me
'Cause you make me feel so brand new
And I want to spend my life with you
Let me say that since, baby, since we've been together
Loving you forever is what I need
Oh let me be the one you come running to
I'll never be untrue
Oh let's, let's stay together
Lovin' you whether, whether
Times are good or bad, happy or sad, alright, oh yeah
Whether times are good or bad, happy or sad
Why somebody
Why people break up, Oh, turn around and make up
I just can't see, you'd never do that to me (would you baby)
To be around you is all I see, is what I want us to do
</pre>
<img src="img/pirate.png">
<img src="img/pirate2.png" alt="The sitespeed.io pirate">
</body>
</html>

View File

@ -0,0 +1,43 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Headings</title>
</head>
<body>
<h1>Curtis Mayfield - New World Order</h1>
<p>Darkness no longer, a child is born
Mother shed tears of joy as baby test his lungs
My daddy's not there where he ought to be
Somewhere in Georgia, skinning and shooting craps on his knees</p>
<h3>Heading</h3>
<p>Another victim born out here in the hood
And based on statistics it really ain't all good
Welfare takes the tab and daddy can't sign
And it can't be seen, the family becomes a crime</p>
<h4>Heading</h4>
<p>The hunt is on and brother you're the prey
Serving time in jail, it just ain't the way
I'm living so hard, baby, that my hair is gray
We got to make a change, it's a brand new day</p>
<h5>Heading</h5>
<p>A new world order, a brand new day
A change of mind for the human race
A new world order, a brand new day
A change of mind for the human race</p>
<p>Operation influx and it's on the way
We've just marched a million plus the other day
Look we all witnessed the sweat rolling down Ms Liberty's head
She knows the sleeping giant is no longer sleeping dead</p>
<p>Oh, what a fulfillment of prophecy
Let us teach the children freedom's never been free
It's okay to cry, go ahead and cry
'Cause Jesus wept but hope and faith he kept
It's a new day</p>
<h6>Heading</h6>
<p>A new world order, a brand new day
A change of mind for the human race
A new world order, a brand new day
A change of mind for the human race</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,142 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Label on input</title>
</head>
<body>
<h1>Curtis Mayfield - Right On For The Darkness</h1>
<pre>I am blind and I cannot see
You are there, your petty evil don't bother me
Playing all the clothes you wear
Laugh at me, pressed and clean, and I don't care
Right on for the darkness
Right on for the darkness
You pity fools, you pity fools
You better have some sympathy, yeah
'Cause this educated people
Running the lives of high society
Making up the blues
Holding back schools
Lot of greed, lot of temptation
Proof of one thing, we're a hell of a nation
Right on for the darkness
Right on, right on
Right on, right on
Right on, right on
Right on, right on for the darkness
Right on for the darkness
I am blind and I can't see how to understand
What do we need for justice
Is there really enough room to demand?
Old man you know too well us
You gain all your children's trust
Right on for the darkness
Right on for the darkness
Right on for the darkness
Right on, right on
Right on, right on for the darkness
Right on
Well the message with the tears
Through the eyes is everyone will see
I can hear the people's fears
[Incomprehensible] everywhere to me
Right on for the darkness
Right on, right on
Right on, right on for the darkness
I am blind and I cannot see
You are there, your petty evil don't bother me
Playing all the clothes you wear
Laugh at me, pressed and clean, and I don't care
Right on for the darkness
Right on for the darkness
Right on for the darkness
</pre>
<form>
<label for="test-checkbox"><input type="checkbox" id="test-checkbox"> Label</label>
<label for="test-color">Label</label>
<input type="color" id="test-color">
<label for="test-date">Label</label>
<input type="date" id="test-date">
<label for="test-datetime">Label</label>
<input type="datetime" id="test-datetime">
<label for="test-datetime-local">Label</label>
<input type="datetime-local" id="test-datetime-local">
<label for="test-email">Label</label>
<input type="email" id="test-email">
<label for="test-file">Label</label>
<input type="file" id="test-file">
<label for="test-image">Label</label>
<input type="image" id="test-image">
<label for="test-month">Label</label>
<input type="month" id="test-month">
<label for="test-number">Label</label>
<input type="number" id="test-number">
<label for="test-password">Label</label>
<input type="password" id="test-password">
<label for="test-radio"><input type="radio" id="test-radio"> Label</label>
<label for="test-range">Label</label>
<input type="range" id="test-range">
<label for="test-search">Label</label>
<input type="search" id="test-search">
<label for="test-tel">Label</label>
<input type="tel" id="test-tel">
<label for="test-text">Click me</label>
<input type="text" id="test-text">
<label for="test-time">Label</label>
<input type="time" id="test-time">
<label for="test-url">Label</label>
<input type="url" id="test-url">
<label for="test-week">Label</label>
<input type="week" id="test-week">
<label for="test-select">Label</label>
<select id="test-select"></select>
<label for="test-textarea">Label</label>
<textarea id="test-textarea"></textarea>
<!-- Those should be ignored -->
<input type="button" id="test-button">
<input type="hidden" id="test-hidden">
<input type="reset" id="test-reset">
<input type="submit" id="test-submit">
<!-- Those should be offending -->
<input type="text" id="test-text-missing">
<input type="url" name="missingUrl">
<select id="test-select-missing"></select>
<textarea id="test-textarea-missing"></textarea>
</form>
</body>
</html>

View File

@ -0,0 +1,10 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Landmarks</title>
</head>
<body>
<p>This is a sad page without landmarks.</p>
</body>
</html>

View File

@ -0,0 +1,46 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>No zoom please</title>
<meta name="viewport" content="user-scalable=no">
</head>
<body>
<h1>Horace Andy - Skylarking</h1>
<pre>Skylarking, skylarking,
That's what youths do today.
Skylarking, skylarking,
Before they stand up, firm on their feet.
Get, a likkle work, a likkle work,
And earn their bread honestly..
Beggin' you a five cent, sir,
Beggin' you a ten cent, sir,
Cannot help, no, cannot help..
So if you all keep on doing, what you all are doing,
You will end up, up, up in chains.
(..)
Beggin' you a five cent, sir,
Beggin' you a ten cent, sir,
Cannot help, no, cannot help..
So if you all keep on doing, what you all are doing,
You will end up, up, up in chains.
So if you all keep on doing, what you all are doing,
You will end up, up, up in chains.
Skylarking, skylarking,
That's what youths do today.
Skylarking, skylarking,
Before they stand up, firm on their feet.
Skylarking, skylarking,
That's what youths do today...
</pre>
</body>
</html>

View File

@ -0,0 +1,21 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Sections</title>
</head>
<body>
<section>
<h1>Curtis Mayfield - New World Order</h1>
<p>Darkness no longer, a child is born
Mother shed tears of joy as baby test his lungs
My daddy's not there where he ought to be
Somewhere in Georgia, skinning and shooting craps on his knees</p>
</section>
<section>
<p>A new world order, a brand new day
A change of mind for the human race
A new world order, a brand new day
A change of mind for the human race</p>
</section>
</html>

View File

@ -0,0 +1,40 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Table with missing TH and caption.</title>
</head>
<body>
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
<table>
<caption>Monthly</caption>
<TR>
<th>Month</th>
<th>Savings</th>
</TR>
<TR>
<td>January</td>
<td>$100</td>
</TR>
</table>
<table>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Check for charset</title>
</head>
<body>
<h1>Bill Brandon - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,35 @@
<html>
<head>
<meta charset="utf-8">
<title>Check the doctype</title>
</head>
<body>
<h1>Arthur Alexander - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8">
<title>Check the doctype</title>
</head>
<body>
<h1>Arthur Alexander - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Check the doctype</title>
</head>
<body>
<h1>Arthur Alexander - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTTPS</title>
</head>
<body>
<h1>Donnie Frittz - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Language</title>
</head>
<body>
<h1>Donnie Frittz - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<meta name="description" content="An apic description">
<title>Check meta description</title>
</head>
<body>
<h1>Percy Sledge - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Missing meta description</title>
</head>
<body>
<h1>Percy Sledge - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>This is a super long page title it is not recommended to use so long page title. So please avoid that.</title>
</head>
<body>
<h1>Kris Kristofferson - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<META Name="Description" content="An epic description">
<title>Check meta description</title>
</head>
<body>
<h1>Percy Sledge - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,36 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test the URL</title>
</head>
<body>
<h1>Donnie Frittz - Rainbow Road</h1>
<pre>
I was born a dirt poor man
All my life I've had hard working hands
But I sang my song as I carried my load
Cause I had a dream about rainbow
Rainbow road
Then one day a man came along
Heard me playing and singing my songs
He bought me clothes and paid up every debt I owed
Sent me on my way down rainbow
Rainbow road
Then one night a man with a knife
Pushed me till I had to take his life
Fast as falling all my friends were gone
That old judge traded me a sentence for a song
Now I'm living with this ball and chain
I had to wear a number before they ever heard my name
And like the dream I'm growing old
But we still sing about rainbow
Rainbow road
</pre>
</body>
</html>

View File

@ -0,0 +1,3 @@
body{
color: #FFFFFF;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -0,0 +1,43 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Combined test</title>
<link href="css/main.css" media="all" rel="stylesheet">
</head>
<body>
<img src="img/santa.png">
<h1>Stevie Wonder - What Christmas Means To Me</h1>
<pre>Oh yeah...
Candles burnin' low,
Lots of mistletoe.
Lots of snow and ice,
Everywhere we go.
Choirs singin' carols,
Right outside my door.
All these things and more
(All these things and more)
That's what Christmas means to me my love
(That's what Christmas means to me my love)
Oh yeah,
Hey, hey, yeah, yeah, yeah.
And ya know what I mean
I see your smilin' face
Like I never seen before
Even though I love ya madly
It seems I love you more
And little cards you give me
Will touch my heart for sure
All these things and more, darling
(All these things and more)
Whoa!
That's what Christmas means to me my love
(That's what Christmas means to me my love)
</pre>
<script type="text/javascript" src="js/jquery-2.1.4.min.js" async></script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,31 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Accelerated Mobile Pages A bad approach to web performance</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
<script src="js/v0.js" async></script>
<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
</head>
<body>
<header>
<div class="brand-logo">
Accelerated Mobile Pages
</div>
</header>
<main role="main">
<article>
<div class="content-container">
<header>
<h1 itemprop="headline">A bad approach to web performance</h1>
<time class="header-time" itemprop="datePublished"
datetime="2015-10-01 07:30">January 13, 2016</time>
<p class="standfirst">
Check out the alternative <a href="https://github.com/soulgalore/benice-ampproject">Be nice AMP-project</a>.
</p>
</header>
</div>
</article>
</main>
</body>
</html>

View File

@ -0,0 +1,115 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Connection Type</title>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/body.js" async></script>
<link href="css/main.css" media="all" rel="stylesheet">
<link href="css/extras.css" media="all" rel="stylesheet">
</head>
<body>
<h1>McFadden & Whitehead - Ain't No Stoppin' Us Now</h1>
<pre>Now, are you all ready?
Are y'all ready?
Now we gonna do it with the fever
Yeah, Come on
Ain't no stoppin' us now
We're on the move (yeah-ee-a, yeah-ee-a)
Ain't no stoppin' us now
We've got the groove
Spice Girls, check it out
There've been so many things that have held us down
But now it looks like things are finally comin' around, yeah
I know we've got a long long way to go, yeah
And where we'll end up
I don't know
But we won't let nothing hold us back
We gonna get ourselves together
We gonna polish up our act, yeah
And if you've ever been held down before
I know that you refuse to be held down any more, yeah yeah
Don't you let nothing, nothing
Nothing stand in your way
And all we gonna do
I want you to listen, listen (That's right)
To every word I say
Every word I say about it
Ain't no stoppin' us now
We're on the move
(You said it, we've got the groove)
Ain't no stoppin' us now
We've got the groove (Whoo-hoo-oo-oo Whoo-hoo-oo)
Ain't no stoppin' us now
We're on the move
(We've got the groove)
Ain't no stoppin' us now
We've got the groove (Yeah)
Look, Lemme tell you this
I know you know someone who's got a negative vibe (Euhh)
And if your tryin to make it they only push you aside
They really don't have nowhere to go
Ask 'em where they're going
They don't know
But we won't let nothing hold us back
We gonna get ourselves together, come on
We gonna polish up our act, yeah
And if you've ever been held down before
I know that you refuse to be held down any more, Oh oh oh
Don't you let nothing, nothing
(I won't do it) Stand in your way (No no)
And all we gonna do
I want you to listen, listen
To every word I say
Every word I say about it
Ain't no stoppin' us now (That's right)
We're on the move
(Nothing gonna, nothing gonna)
(Stop us now, stop us now)
Ain't no stoppin' us now, Come on
We've got the groove (Whoo-oo-oo yeah yeah)
Ain't no stoppin' us now (No no no)
We're on the move
(On the move, yeah-ee-a, yeah-ee-a)
Ain't no stoppin' us now
We've got the groove (Yeah)
Now, let's see it
Don't wanna stop
Please don't make me stop (I don't wanna)
Don't wanna stop
Please don't make me stop (No-oh No-oh)
Don't wanna stop
Please don't make me stop (I don't want to)
Don't wanna stop
Please don't make me stop
(Uh, y'all spell it out for me)
S-T-O-P-P-I-N
Ain't no (Doo-oo, Yeah-heh-a)
S-T-O-P- (to the) P- (to the) I-N (You got it)
Ain't no (Ain't no, no-no)
S-T-O-P-P-I-N (Go ahead)
Ain't no (Ain't no, no-oh-no, no-oh-no)
S-T-O-P- (to the) P- (to the) I-N (Come on)
Ain't no (No, yeah-ee-a, yeah-ee-a)
Ain't no stoppin' us now
We're on the move
Don't wanna stop, please don't make me stop (Yeah yeah)
Ain't no stoppin' us now (Yeah)
We've got the groove
Don't wanna stop, please don't make me stop
(Whoo-oo, Come around with me)
Ain't no stoppin' us now
We're on the move
</pre>
</body>
</html>

View File

@ -0,0 +1,3 @@
body{
background-color: #B24926;
}

View File

@ -0,0 +1,3 @@
body{
color: #FFFFFF;
}

View File

@ -0,0 +1,8 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document Height</title>
<body>
</body>
</html>

View File

@ -0,0 +1,40 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document title</title>
</head>
<body>
<h1>Public Enemy</h1>
<pre>
Bass in your face
Not an eight track
Gettin' it good to the wood
So the people
Give you some a dat
Reactin' to the fax
That I kick and it stick
And it stay around
Pointin' to the joint, put the Buddha down
Goin', goin', gettin' to the roots
Ain't givin' it up
So turn me loose
But then again I got a story
That's harder than the hardcore
Cost of the holocaust
I'm talin' 'bout the one still goin' on
I know
Where I'm from, not dum diddie dum
From the base motherland
The place of the drum
Invaded by the wack diddie wack
Fooled the black, left us faded
King and chief probably had a big beef
Because of dat now I grit my teeth
So here's a song to the strong
'Bout a shake of a snake
And the smile went along wit dat
Can't truss it
</pre>
</body>
</html>

View File

@ -0,0 +1,9 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document Width</title>
</head>
<body>
</body>
</html>

View File

@ -0,0 +1,10 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DOM Depth</title>
</head>
<body>
<p>Hey <b>BOLD</b> </p>
</body>
</html>

View File

@ -0,0 +1,35 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DOM Elements</title>
</head>
<body>
<p>Money, money, money, money</p>
<p>Is the root of all evil</p>
<p>Money, money, money, people</p>
<p>Is the root of all evil</p>
<p>You work for a man and you get no pay</p>
<p>Brother don't do nothing wrong</p>
<p>Don't beg the one inflating you</p>
<p>When Jah will come, it's you all alone</p>
<p>Money, money, money, people</p>
<p>Is the root of all evil</p>
<p>Money, money, money, tell you</p>
<p>Is the root of all evil</p>
<p>Some steal it, some kill for it</p>
<p>Some do iniquity for it</p>
<p>It makes friends, it break friends</p>
<p>Judas betrayed Christ for it</p>
<p>Money, money, money, tell you</p>
<p>Is the root of all evil</p>
<p>Money, money, money, people</p>
<p>Is the root of all evil</p>
<p>Hey yeah, money, money, yeah</p>
</body>
</html>

View File

@ -0,0 +1,14 @@
<!doctype html>
<html>
<head>
<title>Head</title>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/body.js" async></script>
<link href="css/main.css" media="all" rel="stylesheet">
<link href="css/extras.css" media="all" rel="stylesheet">
</head>
<body>
<p>Hello!</p>
</body>
</html>

View File

@ -0,0 +1,12 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Iframes</title>
</head>
<body>
<p>Hello!</p>
<iframe src="amp.html"></iframe>
<iframe src="head.html"></iframe>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,3 @@
function(hepp) {
console.log('hopp');
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,16 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Local storage size</title>
<script>
if (window.localStorage) {
window.localStorage.setItem('dummy', 'hepp');
}
</script>
</head>
<body>
</body>
</html>

View File

@ -0,0 +1,15 @@
<!doctype html>
<html>
<head>
<title>Resource Hints
</title>
<link rel="dns-prefetch" href="//example.com">
<link rel="preconnect" href="http://example.com">
<link rel="prefetch" href="js/body.js" as="script">
<link rel="prerender" href="http://0.0.0.0:8282/info/amp.html">
</head>
<body>
<p>Hello!</p>
</body>
</html>

View File

@ -0,0 +1,9 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Responsive</title>
</head>
<body>
</body>
</html>

View File

@ -0,0 +1,18 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Session storage size</title>
<script>
var dummy = {
'dummy': 'This is some dummy data'
};
window.sessionStorage.setItem('dummy', JSON.stringify(dummy));
</script>
</head>
<body>
</body>
</html>

View File

@ -0,0 +1,10 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>User Timings</title>
</head>
<body>
<img src="./img/pirate.png" onload="window.performance.mark('pirateLoaded')">
</body>
</html>

View File

@ -0,0 +1,9 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Window size</title>
</head>
<body>
</body>
</html>

View File

@ -0,0 +1,65 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Do not scale images</title>
</head>
<body>
<h1>Tammi Terrell - This Old Heart Of Mine</h1>
<pre>This old heart of mine been broke a thousand times
Each time you break away I feel you're gone to stay
Lonely nights that come, memories that flow
Bringin' ya back again, hurting me more and more
Maybe it's my mistake to show this love that I feel inside
'cause each day that passes by
Ya got me never knowin' if I'm comin' or goin' 'cause
I love you, yes, I do
This old heart (ooh)
I love you, yes, I do
Yes, I do, wait for me
I try hard to hide my hurt inside
This old heart of mine always keep me cryin'
The way you're treatin' me leaves me incomplete
Yeah, you're here for the day, gone for the week
But if you leave me a hundred times
A hundred times I'll take you back
I'm yours whenever you want
I'm not too proud to shout it, tell the world about it 'cause
I love you
This old heart (this old heart) waits for you
And I love ya!
I love you (hoo hoo)
This old heart waits for you
This old heart of mine been broke a thousand times
Each time you break away I feel you're gone to stay
Lonely nights that come, memories that flow
Bringin' ya back again, hurtin' me more and more
Maybe it's my mistake to show this love I feel inside, girl
'Cause each day that passes by
Ya got me never knowin' if I'm comin' or goin' 'cause
I love you, yes, I do (old heart of mine waits for you)
I love you, yes, I do
Yes, I do
I love you
This old heart, darlin' (this old heart)
Will wait for you
I love you
This old heart, darlin' (this old heart)
Will wait for you
I love you, yes, I do, yes, I-I-I-I do
I love you, yes, I do, yes, I-I-I-I do
I love you
Oh, yeah, been broke a thousand times</pre>
<img src="img/pirate.png" width="100" height="100">
</body>
</html>

View File

@ -0,0 +1,3 @@
body{
background-color: #B24926;
}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,3 @@
body{
color: #FFFFFF;
}

View File

@ -0,0 +1,12 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Avoid Print CSS</title>
<link href="css/main.css" media="all" rel="stylesheet">
<link href="css/extras.css" media="print" rel="stylesheet">
</head>
<body>
<p>Hepp</p>
</body>
</html>

View File

@ -0,0 +1,14 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Avoid synchronously loaded JS in head</title>
<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../js/jquery-1.11.3.min.js" async></script>
<link href="../css/main.css" media="all" rel="stylesheet">
</head>
<body>
<p>Hepp</p>
<script type="text/javascript" src="../js/body.js"></script>
</body>
</html>

View File

@ -0,0 +1,12 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Async JS in head</title>
<script type="text/javascript" src="../js/jquery-1.11.3.min.js" async></script>
</head>
<body>
<p>Hepp</p>
<script type="text/javascript" src="../js/body.js"></script>
</body>
</html>

View File

@ -0,0 +1,11 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Too large CSS file</title>
<link href="../css/large.css" media="all" rel="stylesheet">
</head>
<body>
<p>Hepp</p>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,19 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Inline CSS</title>
<link href="../css/main.css" media="all" rel="stylesheet">
<style>
body {
background-color: #B24926;
}
</style>
</head>
<body>
<p>Hepp</p>
<script type="text/javascript" src="../js/body.js"></script>
</body>
</html>

View File

@ -0,0 +1,14 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>No inline CSS</title>
<link href="../css/main.css" media="all" rel="stylesheet">
</head>
<body>
<p>Hepp</p>
<script type="text/javascript" src="../js/body.js"></script>
</body>
</html>

View File

@ -0,0 +1,11 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>How many jQuery files do we have?</title>
</head>
<body>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src='js/jquery-1.11.3.min.js'></script>
</body>
</html>

View File

@ -0,0 +1,3 @@
function(hepp) {
console.log('hopp');
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,13 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>SPOF</title>
<script type="text/javascript" src="http://www.google.com/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://www.google.com/js/jquery-1.11.3.min.js" async></script>
<link href="http://www.google.com/css/main.css" media="all" rel="stylesheet">
</head>
<body>
<p>Hepp</p>
</body>
</html>

View File

@ -0,0 +1,14 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Critical rendering path</title>
<script type="text/javascript" src="http://code.jquery.com/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/jquery-1.11.3.min.js" async></script>
<link href="css/main.css" media="all" rel="stylesheet">
</head>
<body>
<p>Hepp</p>
<script type="text/javascript" src="js/body.js"></script>
</body>
</html>

View File

@ -0,0 +1,3 @@
body{
color: #B24926;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,13 @@
<!doctype html>
<html>
<head>
<title>This is a test site</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<h1>Hello!</h1>
<p>This is a paragraph<p>
<img src="img/pirate.png">
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
</body>
</html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,3 @@
body{
color: #FFFFFF;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -0,0 +1,22 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Timings</title>
<script>
window.performance.mark('start');
</script>
<link href="css/main.css" media="all" rel="stylesheet">
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
</head>
<body>
<p>Hello!</p>
<img src="img/santa.png" onload="window.performance.mark('santaLoaded');">
<script>
window.performance.mark('stop');
window.performance.measure('time', 'start', 'stop');
</script>
</body>
</html>

File diff suppressed because one or more lines are too long