Skip to content

Instantly share code, notes, and snippets.

@hellofromtonya
Created November 25, 2020 18:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hellofromtonya/6a1468154264ab8a144817e25f1dad61 to your computer and use it in GitHub Desktop.
Save hellofromtonya/6a1468154264ab8a144817e25f1dad61 to your computer and use it in GitHub Desktop.
Sample HTML for benchmarking
<!DOCTYPE html>
<html lang="en-US" class="js svg background-fixed">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<title>Blog - Testing page</title>
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link href="https://fonts.gstatic.com" crossorigin="" rel="preconnect">
<link rel="alternate" type="application/rss+xml" title="WP Rocket QA » Feed" href="https://example.org/feed/">
<link rel="alternate" type="application/rss+xml" title="WP Rocket QA » Comments Feed" href="https://example.org/comments/feed/">
<style>
img.wp-smiley,img.emoji {display: inline !important;border: none !important;box-shadow: none !important;height: 1em !important;width: 1em !important;margin: 0 .07em !important;vertical-align: -0.1em !important;background: none !important;padding: 0 !important;}
</style>
<link rel="stylesheet" id="dashicons-css" href="https://example.org/wp-includes/css/dashicons.min.css?ver=5.4.2" media="all">
<link rel="stylesheet" id="admin-bar-css" href="https://example.org/wp-includes/css/admin-bar.min.css?ver=5.4.2" media="all">
<link rel="stylesheet" id="wp-block-library-css" href="https://example.org/wp-includes/css/dist/block-library/style.min.css?ver=5.4.2" media="all">
<link rel="stylesheet" id="wp-block-library-theme-css" href="https://example.org/wp-includes/css/dist/block-library/theme.min.css?ver=5.4.2" media="all">
<link rel="stylesheet" id="imagify-admin-bar-css" href="https://example.org/wp-content/plugins/imagify/assets/css/admin-bar.min.css?ver=1.9.10" media="all">
<link rel="stylesheet" id="twentyseventeen-fonts-css" href="https://fonts.googleapis.com/css?family=Libre+Franklin%3A300%2C300i%2C400%2C400i%2C600%2C600i%2C800%2C800i&amp;subset=latin%2Clatin-ext&amp;display=fallback" media="all">
<link rel="stylesheet" id="twentyseventeen-style-css" href="https://example.org/wp-content/themes/twentyseventeen/style.css?ver=20190507" media="all">
<link rel="stylesheet" id="twentyseventeen-block-style-css" href="https://example.org/wp-content/themes/twentyseventeen/assets/css/blocks.css?ver=20190105" media="all">
<!--[if lt IE 9]>
<link rel='stylesheet' id='twentyseventeen-ie8-css' href='https://example.org/wp-content/themes/twentyseventeen/assets/css/ie8.css?ver=20161202' media='all' />
<![endif]-->
<script src="https://example.org/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp"></script>
<script src="https://example.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1"></script>
<!--[if lt IE 9]>
<script src='https://example.org/wp-content/themes/twentyseventeen/assets/js/html5.js?ver=20161020'></script>
<![endif]-->
<link rel="https://api.w.org/" href="https://example.org/wp-json/">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://example.org/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://example.org/wp-includes/wlwmanifest.xml">
<meta name="generator" content="WordPress 5.4.2">
<style>
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style><style media="print">#wpadminbar { display:none; }
</style>
html { margin-top: 32px !important; } * html body { margin-top: 32px !important; } @media screen and ( max-width: 782px ) { html { margin-top: 46px !important; } * html body { margin-top: 46px !important; } }
</style>
<script>
function newContent() {
document.open();
document.write("<h1>Out with the old, in with the new!</h1>");
document.close();
}
</script>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
console.log('DOM fully loaded and parsed');
});
</script>
<script>
$( "button.continue" ).html( "Next Step..." );
</script>
<script>
$.ajax({
url: "/api/getWeather",
data: {
zipcode: 97201
},
success: function( result ) {
$( "#weather-temp" ).html( "<strong>" + result + "</strong> degrees" );
}
});
</script>
<script>
var hiddenBox = jQuery( "#banner-message" );
jQuery( "#button-container button" ).on( "click", function( event ) {
hiddenBox.show();
});
</script>
<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
</head>
<body class="home blog logged-in admin-bar wp-embed-responsive hfeed has-header-image has-sidebar colors-light customize-support">
<!--[if lte IE 8]>
<script>
document.body.className = document.body.className.replace( /(^|\s)(no-)?customize-support(?=\s|$)/, '' ) + ' no-customize-support';
</script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script>
(function() {
var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
request = true;
b[c] = b[c].replace( rcs, ' ' );
// The customizer requires postMessage and CORS (if the site is cross domain).
b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
}());
</script>
<!--<![endif]-->
<div id="wpadminbar" class="nojq">
<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a>
<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Toolbar"></div>
<a class="screen-reader-shortcut" href="https://example.org/wp-login.php?action=logout&amp;_wpnonce=96a4b515d9">Log Out</a>
</div>
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
<header id="masthead" class="site-header" role="banner">
<div class="custom-header">
<div class="custom-header-media">
<div id="wp-custom-header" class="wp-custom-header"><img src="https://example.org/wp-content/themes/twentyseventeen/assets/images/header.jpg" width="2000" height="1200" alt="WP Rocket QA"></div> </div>
<div class="site-branding" style="margin-bottom: 72px;">
<div class="wrap">
<div class="site-branding-text">
<h1 class="site-title"><a href="https://example.org/" rel="home">WP Rocket QA</a></h1>
<p class="site-description">Just another WordPress site</p>
</div><!-- .site-branding-text -->
</div><!-- .wrap -->
</div><!-- .site-branding -->
</div><!-- .custom-header -->
<div class="navigation-top">
<div class="wrap">
<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Top Menu">
<button class="menu-toggle" aria-controls="top-menu" aria-expanded="false">
<svg class="icon icon-bars" aria-hidden="true" role="img"> <use href="#icon-bars" xlink:href="#icon-bars"></use> </svg><svg class="icon icon-close" aria-hidden="true" role="img"> <use href="#icon-close" xlink:href="#icon-close"></use> </svg>Menu </button>
<div class="menu-top-bar-container"><ul id="top-menu" class="menu"><li id="menu-item-42" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-42"><a href="https://example.org/skate-gallery/">Skate Gallery</a></li>
<li id="menu-item-43" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-43"><a href="https://example.org/sample-page/">Sample Page</a></li>
</ul></div>
<a href="#content" class="menu-scroll-down"><svg class="icon icon-arrow-right" aria-hidden="true" role="img"> <use href="#icon-arrow-right" xlink:href="#icon-arrow-right"></use> </svg><span class="screen-reader-text">Scroll down to content</span></a>
</nav><!-- #site-navigation -->
</div><!-- .wrap -->
</div><!-- .navigation-top -->
</header><!-- #masthead -->
<div class="site-content-contain">
<div id="content" class="site-content">
<div class="wrap">
<header class="page-header">
<h2 class="page-title">Posts</h2>
</header>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">
<header class="entry-header">
<div class="entry-meta"><span class="screen-reader-text">Posted on</span> <a href="https://example.org/2020/06/29/hello-world/" rel="bookmark"><time class="entry-date published" datetime="2020-06-29T18:24:18+00:00">June 29, 2020</time><time class="updated" datetime="2020-07-01T15:43:52+00:00">July 1, 2020</time></a><span class="edit-link"><a class="post-edit-link" href="https://example.org/wp-admin/post.php?post=1&amp;action=edit">Edit<span class="screen-reader-text"> "Hello world!"</span></a></span></div><!-- .entry-meta --><h3 class="entry-title"><a href="https://example.org/2020/06/29/hello-world/" rel="bookmark">Hello world!</a></h3> </header><!-- .entry-header -->
<div class="entry-content">
<p>Welcome to WordPress. This is your first post. Edit or delete it, then start writing!</p>
</div><!-- .entry-content -->
</article><!-- #post-1 -->
</main><!-- #main -->
</div><!-- #primary -->
<aside id="secondary" class="widget-area" role="complementary" aria-label="Blog Sidebar">
<section id="search-2" class="widget widget_search">
<form role="search" method="get" class="search-form" action="https://example.org/">
<label for="search-form-1">
<span class="screen-reader-text">Search for:</span>
</label>
<input type="search" id="search-form-1" class="search-field" placeholder="Search …" value="" name="s">
<button type="submit" class="search-submit"><svg class="icon icon-search" aria-hidden="true" role="img"> <use href="#icon-search" xlink:href="#icon-search"></use> </svg><span class="screen-reader-text">Search</span></button>
</form>
</section> <section id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widget-title">Recent Posts</h2> <ul>
<li>
<a href="https://example.org/2020/06/29/hello-world/">Hello world!</a>
</li>
</ul>
</section><section id="recent-comments-2" class="widget widget_recent_comments"><h2 class="widget-title">Recent Comments</h2><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href="https://wordpress.org/" rel="external nofollow ugc" class="url">A WordPress Commenter</a></span> on <a href="https://example.org/2020/06/29/hello-world/#comment-1">Hello world!</a></li></ul></section><section id="archives-2" class="widget widget_archive"><h2 class="widget-title">Archives</h2> <ul>
<li><a href="https://example.org/2020/06/">June 2020</a></li>
</ul>
</section><section id="categories-2" class="widget widget_categories"><h2 class="widget-title">Categories</h2> <ul>
<li class="cat-item cat-item-1"><a href="https://example.org/category/uncategorized/">Uncategorized</a>
</li>
</ul>
</section><section id="meta-2" class="widget widget_meta"><h2 class="widget-title">Meta</h2> <ul>
<li><a href="https://example.org/wp-admin/">Site Admin</a></li> <li><a href="https://example.org/wp-login.php?action=logout&amp;_wpnonce=96a4b515d9">Log out</a></li>
<li><a href="https://example.org/feed/">Entries feed</a></li>
<li><a href="https://example.org/comments/feed/">Comments feed</a></li>
<li><a href="https://wordpress.org/">WordPress.org</a></li> </ul>
</section></aside><!-- #secondary -->
</div><!-- .wrap -->
</div><!-- #content -->
<footer id="colophon" class="site-footer" role="contentinfo">
<div class="wrap">
<div class="site-info">
<a href="https://wordpress.org/" class="imprint">
Proudly powered by WordPress </a>
</div><!-- .site-info -->
</div><!-- .wrap -->
</footer><!-- #colophon -->
</div><!-- .site-content-contain -->
</div><!-- #page -->
<script src="https://example.org/wp-includes/js/hoverintent-js.min.js?ver=2.2.1"></script>
<script src="https://example.org/wp-includes/js/admin-bar.min.js?ver=5.4.2"></script>
<script>
var imagifyAdminBar = {"ajaxurl":"http:\/\/mega.wp-rocket.me\/qa\/wp-admin\/admin-ajax.php"};
</script>
<script src="https://example.org/wp-content/plugins/imagify/assets/js/admin-bar.min.js?ver=1.9.10"></script>
<script>
var twentyseventeenScreenReaderText = {"quote":"<svg class=\"icon icon-quote-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-quote-right\" xlink:href=\"#icon-quote-right\"><\/use> <\/svg>","expand":"Expand child menu","collapse":"Collapse child menu","icon":"<svg class=\"icon icon-angle-down\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-angle-down\" xlink:href=\"#icon-angle-down\"><\/use> <span class=\"svg-fallback icon-angle-down\"><\/span><\/svg>"};
</script>
<script src="https://example.org/wp-content/themes/twentyseventeen/assets/js/skip-link-focus-fix.js?ver=20161114"></script>
<script src="https://example.org/wp-content/themes/twentyseventeen/assets/js/navigation.js?ver=20161203"></script>
<script src="https://example.org/wp-content/themes/twentyseventeen/assets/js/global.js?ver=20190121"></script>
<script src="https://example.org/wp-content/themes/twentyseventeen/assets/js/jquery.scrollTo.js?ver=2.1.2"></script>
<script src="https://example.org/wp-includes/js/wp-embed.min.js?ver=5.4.2"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment