<commit_before><!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>Making performance personal - <NAME></title>

		<meta name="description" content="A presentaiton about making HTML5 as smooth as native apps">
		<meta name="author" content="<NAME>">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/theme/ftlabs.css" id="theme">
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css">

		<!-- For syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- If the query includes 'print-pdf', use the PDF print sheet -->
		<script>
			document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
		</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.min.js"></script>
		<script src="lib/js/chart.min.js"></script>
	</head>

	<body>
	<div class='pointer'></div>

		<div class="reveal">
			<div class="slides">

				<section class='logo-title dark-background' data-background='css/theme/ftlabs_images/purple-blue-2.jpg'>
					<h1>Making performance personal</h1>
					<h3><NAME>, FT Labs</h3>
					<p>
						<a href="http://twitter.com/triblondon">@triblondon</a>, <a href="http://twitter.com/FTLabs">@FTLabs</a>
					</p>
				</section>

				<section>
					<img src='content/ft-web-app.png' class='stretch' style='box-shadow: 0 0 60px 30px white' />
				</section>

				<section><img src='content/compile.png' class='stretch'></section>
				<section><img src='content/fastclick.png' class='stretch'></section>
				<section><img src='content/layoutroot.png' class='stretch'></section>
				<section><img src='content/detacheddom.png' class='stretch'></section>
				<section><img src='content/idb-unicode.jpg' class='stretch'></section>
				<section><img src='content/appcache-iframe.png' class='stretch'></section>
				<section><img src='content/base64.png' class='stretch'></section>
				<section><img src='content/layers.png' class='stretch'></section>

				<section><img src='content/alphaville.png' class='stretch'></section>
				<section>
					<ul class='steplist'>
						<li><del>cdn.api.twitter.com</del></li>
						<li><del>platform.twitter.com</del></li>
						<li><del>api.facebook.com</del></li>
						<li><del>platform.linkedin.com</del></li>
						<li><del>apis.google.com</del></li>
					</ul>
				</section>

				<section data-background='black'>
					<video src='content/socialcomparison.mp4' class='stretch' />
				</section>

				<section>
					<img src='content/economist.png' class='stretch' />
				</section>

				<section>
					<ul class='steplist'>
						<li>Time to interactive</li>
						<li>Time to article visible</li>
						<li>Time to swipe though entire edition</li>
						<li>Time to table of contents visible</li>
					</ul>
				</section>

				<section>
					<h2>Time to article visible</h2>
					<div class='stretch'>
						<canvas id="chart1" style='width:100%; height:100%'></canvas>
					</div>
				</section>

				<section data-background='black'>
					<video src='content/economist-article-load.mov' class='stretch' />
				</section>

				<section class='dark-background big-quote' data-background='css/theme/ftlabs_images/purple-blue.jpg'>
					<h2 style='text-shadow: 0px 0px 250px #FFF, 0px 0px 150px #FFF, 0px 0px 80px #FFF; font-size: 280%'>Engagement</h2>
				</section>

				<section class='dark-background big-quote' data-background='css/theme/ftlabs_images/red-orange.jpg'>
					<blockquote>Facebook artificially slowed down frame rate on iOS and Android to 30 FPS, and <strong>“engagement collapsed”</strong></blockquote>
					<cite><NAME>, Facebook</cite>
				</section>



				<section class='logo-title dark-background' data-background='css/theme/ftlabs_images/purple-blue-2.jpg'>
					<h1>That's it!</h1>
					<h3>Contact me:</h3>
					<ul>
						<li>Email: <a href='mailto:<EMAIL>'><EMAIL></a></li>
						<li>Twitter: <a href='http://twitter.com/@triblondon'>@triblondon</a>, <a href='http://twitter.com/@ftlabs'>@ftlabs</a></li>
					</ul>
					<p style='margin-top: 50px'>For jobs with FT Labs, visit <a href='http://labs.ft.com/jobs'>labs.ft.com/jobs</a></p><commit_msg>Cut it down a bit<commit_after><!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">

		<title>Making performance personal - <NAME></title>

		<meta name="description" content="A presentaiton about making HTML5 as smooth as native apps">
		<meta name="author" content="<NAME>">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<link rel="stylesheet" href="css/reveal.min.css">
		<link rel="stylesheet" href="css/theme/ftlabs.css" id="theme">
		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css">

		<!-- For syntax highlighting -->
		<link rel="stylesheet" href="lib/css/zenburn.css">

		<!-- If the query includes 'print-pdf', use the PDF print sheet -->
		<script>
			document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
		</script>

		<!--[if lt IE 9]>
		<script src="lib/js/html5shiv.js"></script>
		<![endif]-->
		<script src="lib/js/head.min.js"></script>
		<script src="js/reveal.min.js"></script>
		<script src="lib/js/chart.min.js"></script>
	</head>

	<body>
	<div class='pointer'></div>

		<div class="reveal">
			<div class="slides">

				<section class='logo-title dark-background' data-background='css/theme/ftlabs_images/purple-blue-2.jpg'>
					<h1>Making performance personal</h1>
					<h3><NAME>, FT Labs</h3>
					<p>
						<a href="http://twitter.com/triblondon">@triblondon</a>, <a href="http://twitter.com/FTLabs">@FTLabs</a>
					</p>
				</section>

				<section>
					<img src='content/ft-web-app.png' class='stretch' style='box-shadow: 0 0 60px 30px white' />
				</section>

				<section><img src='content/compile.png' class='stretch'></section>
				<section><img src='content/fastclick.png' class='stretch'></section>
				<section><img src='content/layoutroot.png' class='stretch'></section>
				<section><img src='content/detacheddom.png' class='stretch'></section>
				<section><img src='content/idb-unicode.jpg' class='stretch'></section>
				<section><img src='content/appcache-iframe.png' class='stretch'></section>
				<section><img src='content/base64.png' class='stretch'></section>
				<section><img src='content/layers.png' class='stretch'></section>

				<section><img src='content/alphaville.png' class='stretch'></section>
				<section>
					<ul class='steplist'>
						<li><del>cdn.api.twitter.com</del></li>
						<li><del>platform.twitter.com</del></li>
						<li><del>api.facebook.com</del></li>
						<li><del>platform.linkedin.com</del></li>
						<li><del>apis.google.com</del></li>
					</ul>
				</section>

				<section data-background='black'>
					<video src='content/socialcomparison.mp4' class='stretch' />
				</section>

				<section>
					<img src='content/economist.png' class='stretch' />
				</section>

				<section>
					<ul class='steplist'>
						<li>Time to interactive</li>
						<li>Time to article visible</li>
						<li>Time to swipe though entire edition</li>
						<li>Time to table of contents visible</li>
					</ul>
				</section>

				<section>
					<h2>Time to article visible</h2>
					<div class='stretch'>
						<canvas id="chart1" style='width:100%; height:100%'></canvas>
					</div>
				</section>

				<section data-background='black'>
					<video src='content/economist-article-load.mov' class='stretch' />
				</section>


				<section class='logo-title dark-background' data-background='css/theme/ftlabs_images/purple-blue-2.jpg'>
					<h1>That's it!</h1>
					<h3>Contact me:</h3>
					<ul>
						<li>Email: <a href='mailto:<EMAIL>'><EMAIL></a></li>
						<li>Twitter: <a href='http://twitter.com/@triblondon'>@triblondon</a>, <a href='http://twitter.com/@ftlabs'>@ftlabs</a></li>
					</ul>
					<p style='margin-top: 50px'>For jobs with FT Labs, visit <a href='http://labs.ft.com/jobs'>labs.ft.com/jobs</a></p>
{'fraction_non_alphanumeric': 0.2034557729717359, 'fraction_numerical': 0.011786245565854217, 'mean_word_length': 3.810126582278481, 'pattern_counts': {'":': 0, '<': 330, '<?xml version=': 0, '>': 330, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5844553', 'n_tokens_mistral': 3728, 'n_tokens_neox': 3056, 'n_words': 537}