diff --git a/spine-ts/spine-webgl/example/barebones-dragon.html b/spine-ts/spine-webgl/example/barebones-dragon.html
index e28eaf72e1..e7c5a37d16 100644
--- a/spine-ts/spine-webgl/example/barebones-dragon.html
+++ b/spine-ts/spine-webgl/example/barebones-dragon.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <style>
 	* {
diff --git a/spine-ts/spine-webgl/example/barebones.html b/spine-ts/spine-webgl/example/barebones.html
index a542f80808..a83708f500 100644
--- a/spine-ts/spine-webgl/example/barebones.html
+++ b/spine-ts/spine-webgl/example/barebones.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <style>
 	* {
diff --git a/spine-ts/spine-webgl/example/bone-dragging.html b/spine-ts/spine-webgl/example/bone-dragging.html
index 134e9b4355..e528140ac9 100644
--- a/spine-ts/spine-webgl/example/bone-dragging.html
+++ b/spine-ts/spine-webgl/example/bone-dragging.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <style>
 	* {
diff --git a/spine-ts/spine-webgl/example/custom-attachment.html b/spine-ts/spine-webgl/example/custom-attachment.html
index 852fb3e1e9..e4b94f39c4 100644
--- a/spine-ts/spine-webgl/example/custom-attachment.html
+++ b/spine-ts/spine-webgl/example/custom-attachment.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <style>
 	* {
diff --git a/spine-ts/spine-webgl/example/drag-and-drop.html b/spine-ts/spine-webgl/example/drag-and-drop.html
index bb6c2d0f10..a21c825879 100644
--- a/spine-ts/spine-webgl/example/drag-and-drop.html
+++ b/spine-ts/spine-webgl/example/drag-and-drop.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
   <script src="../dist/iife/spine-webgl.js"></script>
   <style>
     * {
diff --git a/spine-ts/spine-webgl/example/dress-up.html b/spine-ts/spine-webgl/example/dress-up.html
index 440ab2fda1..f595fee6f6 100644
--- a/spine-ts/spine-webgl/example/dress-up.html
+++ b/spine-ts/spine-webgl/example/dress-up.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <style>
 	html,
diff --git a/spine-ts/spine-webgl/example/index.html b/spine-ts/spine-webgl/example/index.html
index 5b7d011b9a..f3cd9b3a5f 100644
--- a/spine-ts/spine-webgl/example/index.html
+++ b/spine-ts/spine-webgl/example/index.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
 <style>
diff --git a/spine-ts/spine-webgl/example/mix-and-match.html b/spine-ts/spine-webgl/example/mix-and-match.html
index 0a5fc49457..b40b12fd73 100644
--- a/spine-ts/spine-webgl/example/mix-and-match.html
+++ b/spine-ts/spine-webgl/example/mix-and-match.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <style>
 	html,
diff --git a/spine-ts/spine-webgl/example/physics.html b/spine-ts/spine-webgl/example/physics.html
index d0f9db0e50..8c4a079338 100644
--- a/spine-ts/spine-webgl/example/physics.html
+++ b/spine-ts/spine-webgl/example/physics.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <style>
 	* {
diff --git a/spine-ts/spine-webgl/example/physics2.html b/spine-ts/spine-webgl/example/physics2.html
index a12c11b1fa..89b38b4091 100644
--- a/spine-ts/spine-webgl/example/physics2.html
+++ b/spine-ts/spine-webgl/example/physics2.html
@@ -1,4 +1,9 @@
+<!DOCTYPE html>
 <html>
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
 <script src="../dist/iife/spine-webgl.js"></script>
 <style>
 	* {
@@ -8,13 +13,14 @@
 </style>
 
 <body>
-	<span style="position: fixed; z-index: 10; top: 0; left: 0; color: white; padding: 1em;">Click and drag anywhere</span>
-	<canvas id="canvas" style="position: absolute; width: 100%; height: 100%;"></canvas>
+	<span id="label" style="position: fixed; z-index: 10; top: 0; left: 0; color: white; padding: 1em;"></span>
+	<canvas id="canvas" style="position: absolute; width: 100%; height: 100vh;"></canvas>
 	<script>
 		class App {
 			constructor() {
 				this.skeleton = null;
 				this.animationState = null;
+				this.label = document.body.querySelector("#label");
 			}
 
 			loadAssets(canvas) {
@@ -92,6 +98,8 @@
 				// Let the skeleton update the transforms of its bones and apply physics
 				this.skeleton.update(delta);
 				this.skeleton.updateWorldTransform(spine.Physics.update);
+
+				this.label.innerText = "Click and drag anywhere (" + canvas.time.framesPerSecond.toFixed(2) + " fps)";
 			}
 
 			render(canvas) {
