{"id":132218,"date":"2024-06-10T12:55:26","date_gmt":"2024-06-10T16:55:26","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=132218"},"modified":"2024-08-01T15:32:53","modified_gmt":"2024-08-01T19:32:53","slug":"lazy-load-maps","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/pagespeed-tests\/lazy-load-maps\/","title":{"rendered":"Lazy Load Google Maps &#8211; Google Page Speed Test"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p>In this&nbsp;<a href=\"https:\/\/www.boldgrid.com\/support\/pagespeed-tests\/\" target=\"_blank\" rel=\"noopener\">Google PageSpeed experiment<\/a>, we&rsquo;re testing W3 Total Cache&rsquo;s <a href=\"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/lazy-load-google-maps\/\" target=\"_blank\" rel=\"noopener\">Lazy Load Google Maps<\/a> feature with the <a href=\"https:\/\/wordpress.org\/plugins\/google-maps-easy\/\" target=\"_blank\" rel=\"noopener\">Google Maps Easy<\/a> plugin in order to understand its impact on website performance.<\/p>\n\t  \n\t<div class=\"bg-proof bg-shadow\">\n\t\t<div>\n\t\t\t<span class=\"bg-green-circle\">+10<\/span>\n\t\t\t<span class=\"bg-green-description\">Points<\/span>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p>In this test, using the Lazy Load Google Maps feature added +10 points on mobile devices to the <strong>Google PageSpeed Performance score<\/strong>! <a href=\"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/lazy-load-google-maps\/\">Read the documentation<\/a> to learn how to use the Lazy Load Google Maps tool.<\/p>\n\t\t\t<p>\n\t\t\t\t<a class=\"button-primary\" href=\"https:\/\/www.w3-edge.com\/checkout-standalone-1\/?utm_source=boldgrid&amp;utm_medium=support-on-page&amp;utm_campaign=BoldGrid\" style=\"background: #21759b;padding: 6px 10px;\">Upgrade to W3 Total Cache Pro<\/a> and improve your PageSpeed Scores today!\n\t\t  \t<\/p>\n\t\t\t<div class=\"bg-proof-meta\">\n\t\t\t\t<div><strong>Audit:<\/strong> Google Mobile PageSpeed Score<\/div>\n\t\t\t\t<div><strong>Before:<\/strong> 66<\/div>\n\t\t\t\t<div><strong>After:<\/strong> 76<\/div>\n\t\t\t<\/div>\n\t  \t<\/div>\n\t<\/div>\n\t  \n    \n<p>Our goal is to explore this feature and understand exactly how it helps enhance page load times. To do this, we have set up two websites: a control website and an experimental website.<\/p>\n<h2 id=\"control-website\">Control Website<\/h2>\n<p>Our control website is a simple installation using the Twenty Twenty-Four WordPress theme and Google Maps Easy to pull in a full-width Google Map, which should give us a slight increase in our page load speeds.<\/p>\n<p>The purpose of adding the Google Map is to allow us to test the &ldquo;Lazy Load Google Maps&rdquo; tool when we set up our experimental website.<\/p>\n<p>Control Website: <a href=\"https:\/\/wordpress-speed-test.com\/051524_site1\/\" target=\"_blank\" rel=\"noopener\">https:\/\/wordpress-speed-test.com\/051524_site1\/<\/a><\/p>\n<h2 id=\"experimental-website\">Experimental Website<\/h2>\n<p>We duplicated our control website into a new sub-folder to create an experimental website that mirrors the original one, allowing us to test the two sites side by side.<\/p>\n<p>On the experimental website we installed <strong>W3 Total Cache Pro<\/strong> with the Lazy Load Google Maps tool enabled, specifically for the <strong>Google Maps Easy<\/strong> plugin.<\/p>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2024\/05\/lazy-load-google-maps.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-132297\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2024\/05\/lazy-load-google-maps-1024x576.png\" alt=\"lazy load google maps\" width=\"1024\" height=\"576\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2024\/05\/lazy-load-google-maps-1024x576.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2024\/05\/lazy-load-google-maps-300x169.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2024\/05\/lazy-load-google-maps-768x432.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2024\/05\/lazy-load-google-maps.png 1081w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/p>\n<p>Experimental Website: <a href=\"https:\/\/wordpress-speed-test.com\/051524_site2\/\" target=\"_blank\" rel=\"noopener\">https:\/\/wordpress-speed-test.com\/051524_site2\/<\/a><\/p>\n<p>With this method, we hope to compare the performance of both websites directly, giving us valuable insights into the real benefits of using the Lazy Load Google Maps feature. Review the results of our testing below.<\/p>\n\t  \n\t<div class=\"bg-proof bg-shadow\">\n\t\t<div>\n\t\t\t<span class=\"bg-green-circle\">-72%<\/span>\n\t\t\t<span class=\"bg-green-description\">Decrease<\/span>\n\t\t<\/div>\n\t\t<div>\n\t\t\t<p>In this test, using the Lazy Load Google Maps displayed a 72% decrease on the <strong>Total Blocking Time Performance score <\/strong>on mobile devices!&nbsp;<a href=\"https:\/\/www.boldgrid.com\/support\/w3-total-cache\/lazy-load-google-maps\/\">Read the documentation<\/a> to learn how to use the Delay Scripts tool.<\/p>\n\t\t\t<p>\n\t\t\t\t<a class=\"button-primary\" href=\"https:\/\/www.w3-edge.com\/checkout-standalone-1\/?utm_source=boldgrid&amp;utm_medium=support-on-page&amp;utm_campaign=BoldGrid\" style=\"background: #21759b;padding: 6px 10px;\">Upgrade to W3 Total Cache Pro<\/a> and improve your PageSpeed Scores today!\n\t\t  \t<\/p>\n\t\t\t<div class=\"bg-proof-meta\">\n\t\t\t\t<div><strong>Audit:<\/strong> Total Blocking Time - Mobile<\/div>\n\t\t\t\t<div><strong>Before:<\/strong> 287.5 ms<\/div>\n\t\t\t\t<div><strong>After:<\/strong> 80 ms<\/div>\n\t\t\t<\/div>\n\t  \t<\/div>\n\t<\/div>\n\t  \n    \n<script type=\"text\/javascript\" src=\"https:\/\/www.gstatic.com\/charts\/loader.js\"><\/script>\n\t\t<style>\n\t\t\t.change-better {\n\t\t\t\tcolor: green;\n\t\t\t}\n\n\t\t\t.change-worse {\n\t\t\t\tcolor: red;\n\t\t\t}\n\n\t\t\t.change-none {\n\t\t\t\tcolor: #aaa;\n\t\t\t}\n\n\t\t\t.change-percent {\n\t\t\t\tfont-weight: unset;\n\t\t\t}\n\n\t\t\t.entry-content {\n\t\t\t\twidth: 750px !important;\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\n\t\t\tp.bg-nav-tabs {\n\t\t\t\tborder-bottom: 1px solid #bbb;\n\t\t\t\theight: 39px;\n\t\t\t\tposition: sticky;\n\t\t\t\ttop: 0px;\n\t\t\t\tz-index: 1;\n\t\t\t\tbackground: #fff;\n\t\t\t}\n\n\t\t\tbody.admin-bar p.bg-nav-tabs {\n\t\t\t\ttop: 40px;\n\t\t\t}\n\n\t\t\tp.bg-nav-tabs a {\n\t\t\t\tbackground: #ccc;\n\t\t\t\tpadding: 5px;\n\t\t\t\tborder: 1px solid #bbb;\n\t\t\t\tborder-bottom: 0;\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-left: 10px;\n\t\t\t\tcolor: #707070 !important;\n\t\t\t}\n\n\t\t\tp.bg-nav-tabs a.bg-nav-tabs-active:hover {\n\t\t\t\tcursor: default;\n\t\t\t\ttext-decoration: none;\n\t\t\t}\n\n\t\t\tp.bg-nav-tabs a:not(.bg-nav-tabs-active):hover {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\tp.bg-nav-tabs a.bg-nav-tabs-active {\n\t\t\t\tbackground: transparent;\n\t\t\t\tcolor: #000 !important;\n\t\t\t}\n\n\t\t\t.table-bg {\n\t\t\t\tmargin: 30px 0;\n\t\t\t}\n\n\t\t\t.table-bg thead tr th {\n\t\t\t\tborder: 0;\n\t\t\t\tbackground: #2271b1;\n\t\t\t\tcolor: #fff;\n    \t\t\tfont-weight: 200;\n\t\t\t}\n\n\t\t\t.nowrap {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\n\t\t\tbody .table-striped>tbody>tr:nth-of-type(odd) {\n\t\t\t\tbackground-color: #daebf8;\n\t\t\t}\n\n\t\t\t.gpsin-shadow {\n\t\t\t\tbox-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\n\t\t\t}\n\t\t<\/style>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\t( function( $ ) {\n\t\t\t\tbg_draw_charts = function() {\n\t\t\t\t\t$( '[data-drawn=\"false\"]:visible' ).each(function() {\n\t\t\t\t\t\tvar functionName = $( this ).attr( \"data-function\" );\n\t\t\t\t\t\twindow[functionName]();\n\t\t\t\t\t\t$(this).attr(\"data-drawn\", \"true\");\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\tgoogle.charts.load(\"current\", {\"packages\":[\"corechart\"]});\n\t\t\t\t\n\t\t\t\tgoogle.charts.load(\"current\", {\"packages\":[\"bar\"]});\n\n\t\t\t\tgoogle.charts.setOnLoadCallback( bg_draw_charts );\n\n\t\t\t\t$( document ).on( \"click\", \"p.bg-nav-tabs a\", function(){\n\t\t\t\t\tvar $a = $( this ),\n\t\t\t\t\t\t$p = $a.closest( \"p.bg-nav-tabs\" ),\n\t\t\t\t\t\t$div = $a.closest( \"div.bg-nav-tabs\" ),\n\t\t\t\t\t\ttarget = $a.attr( \"data-tab\" );\n\n\t\t\t\t\tif ( $a.hasClass( \"bg-nav-tabs-active\" ) ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t\/\/ Adjust the background colors.\n\t\t\t\t\t$p.find( \"a\" ).each(function() {\n\t\t\t\t\t\t$( this ).removeClass( \"bg-nav-tabs-active\" );\n\t\t\t\t\t} );\n\t\t\t\t\t$a.addClass( \"bg-nav-tabs-active\" );\n\n\t\t\t\t\t\/\/ Toggle the containers.\n\t\t\t\t\t$div.find( \"div[data-tab]\" ).each( function() {\n\t\t\t\t\t\t$( this ).hide();\n\t\t\t\t\t} );\n\t\t\t\t\t$div.find( \"div[data-tab='\" + target + \"']\" ).show().removeClass( \"hidden\" );\n\n\t\t\t\t\tbg_draw_charts();\n\t\t\t\t} );\n\t\t\t} ) ( jQuery );\n\t\t<\/script>\n\t\t\n\t\t<div class=\"bg-nav-tabs\">\n\t\t\t<p class=\"bg-nav-tabs\">\n\t\t\t\t<a class=\"bg-nav-tabs-active\" data-tab=\"desktop\">Desktop<\/a>\n\t\t\t\t<a data-tab=\"mobile\">Mobile<\/a>\n\t\t\t<\/p>\n\t\t\t<div data-tab=\"desktop\"><h2>Performance<\/h2>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Performance score<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">95.5 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">98 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+2.5 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+2.62%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_performance_score_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_performance_score_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_performance_score_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 95.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 98, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Performance score\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_performance_score_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_performance_score_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_performance_score_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_performance_score_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Performance score\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 97, 98],[ \"Run #2\", 97, 98],[ \"Run #3\", 96, 98],[ \"Run #4\", 92, 98]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Performance score\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_performance_score_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div><h2>Points per Metrics<\/h2>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>First Contentful Paint<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">10 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">10 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none change-percent\">0%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Largest Contentful Paint<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">22.75 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">23.75 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+1 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+4.4%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_points_lcp_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_points_lcp_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_points_lcp_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"Points\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 22.75, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 23.75, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Largest Contentful Paint\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_points_lcp_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_points_lcp_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_points_lcp_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_points_lcp_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Largest Contentful Paint\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 24, 25],[ \"Run #2\", 22, 24],[ \"Run #3\", 22, 23],[ \"Run #4\", 23, 23]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Largest Contentful Paint\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_points_lcp_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Total Blocking Time<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">29.5 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">30 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+0.5 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+1.69%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_points_tbt_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_points_tbt_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_points_tbt_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"Points\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 29.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 30, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Total Blocking Time\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_points_tbt_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_points_tbt_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_points_tbt_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_points_tbt_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Total Blocking Time\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 30, 30],[ \"Run #2\", 30, 30],[ \"Run #3\", 30, 30],[ \"Run #4\", 28, 30]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Total Blocking Time\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_points_tbt_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Cumulative Layout Shift<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">25 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">25 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none change-percent\">0%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Speed Index<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">8.5 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">9.5 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+1 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+11.76%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_points_si_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_points_si_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_points_si_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"Points\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 8.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 9.5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Speed Index\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_points_si_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_points_si_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_points_si_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_points_si_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Speed Index\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 9, 8],[ \"Run #2\", 10, 10],[ \"Run #3\", 9, 10],[ \"Run #4\", 6, 10]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Speed Index\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_points_si_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div><h2>Metrics<\/h2>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>First Contentful Paint<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.6 s<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.63 s<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-worse\">+0.03 s<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-worse change-percent\">+4.17%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_first_contentful_paint_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_first_contentful_paint_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_first_contentful_paint_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"s\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 0.6, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 0.625, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"First Contentful Paint\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_first_contentful_paint_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_first_contentful_paint_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_first_contentful_paint_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_first_contentful_paint_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"First Contentful Paint\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 0.6, 0.7],[ \"Run #2\", 0.6, 0.6],[ \"Run #3\", 0.6, 0.6],[ \"Run #4\", 0.6, 0.6]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"First Contentful Paint\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_first_contentful_paint_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Largest Contentful Paint<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1.13 s<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.98 s<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-0.15 s<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-13.33%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_largest_contentful_paint_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_largest_contentful_paint_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_largest_contentful_paint_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"s\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 1.125, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 0.975, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Largest Contentful Paint\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_largest_contentful_paint_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_largest_contentful_paint_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_largest_contentful_paint_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_largest_contentful_paint_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Largest Contentful Paint\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 1.0, 0.8],[ \"Run #2\", 1.2, 1.0],[ \"Run #3\", 1.2, 1.0],[ \"Run #4\", 1.1, 1.1]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Largest Contentful Paint\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_largest_contentful_paint_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Total Blocking Time<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">60 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">12.5 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-47.5 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-79.17%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_total_blocking_time_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_total_blocking_time_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_total_blocking_time_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 60, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 12.5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Total Blocking Time\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_total_blocking_time_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_total_blocking_time_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_total_blocking_time_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_total_blocking_time_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Total Blocking Time\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 10, 30],[ \"Run #2\", 20, 0],[ \"Run #3\", 70, 0],[ \"Run #4\", 140, 20]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Total Blocking Time\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_total_blocking_time_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Cumulative Layout Shift<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"1\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 <\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Speed Index<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1.43 s<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1.03 s<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-0.4 s<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-28.07%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_speed_index_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_speed_index_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_speed_index_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"s\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 1.425, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 1.025, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Speed Index\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_speed_index_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_speed_index_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_speed_index_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_speed_index_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Speed Index\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 1.4, 1.5],[ \"Run #2\", 1.1, 0.9],[ \"Run #3\", 1.2, 0.9],[ \"Run #4\", 2.0, 0.8]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Speed Index\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_speed_index_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div><h2>Diagnostics<\/h2>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Largest Contentful Paint element<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1117.5 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">992.5 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-125 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-11.19%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_lcp_element_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_lcp_element_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_lcp_element_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 1117.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 992.5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Largest Contentful Paint element\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_lcp_element_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_lcp_element_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_lcp_element_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_lcp_element_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Largest Contentful Paint element\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 980, 800],[ \"Run #2\", 1210, 1040],[ \"Run #3\", 1230, 1050],[ \"Run #4\", 1050, 1080]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Largest Contentful Paint element\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_lcp_element_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings from render-blocking resources<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">245 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">210 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-35 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-14.29%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_rbr_savings_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_rbr_savings_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_rbr_savings_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 245, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 210, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Potential savings from render-blocking resources\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_rbr_savings_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_rbr_savings_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_rbr_savings_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_rbr_savings_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Potential savings from render-blocking resources\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 230, 240],[ \"Run #2\", 240, 190],[ \"Run #3\", 250, 180],[ \"Run #4\", 260, 230]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Potential savings from render-blocking resources\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_rbr_savings_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings by serving images in next-gen format<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Time third-party code blocked the main thread for<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">65 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-65 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-100%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_third_party_block_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_third_party_block_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_third_party_block_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 65, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 0, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Time third-party code blocked the main thread for\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_third_party_block_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_third_party_block_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_third_party_block_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_third_party_block_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Time third-party code blocked the main thread for\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 10, 0],[ \"Run #2\", 30, 0],[ \"Run #3\", 80, 0],[ \"Run #4\", 140, 0]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Time third-party code blocked the main thread for\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_third_party_block_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings from unused CSS<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings from unused JavaScript<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">88 KiB<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">65 KiB<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-23 KiB<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-26.14%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_js_savings_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_js_savings_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_js_savings_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"KiB\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 88, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 65, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Potential savings from unused JavaScript\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_js_savings_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_js_savings_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_js_savings_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_js_savings_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Potential savings from unused JavaScript\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 88, 65],[ \"Run #2\", 88, 65],[ \"Run #3\", 88, 65],[ \"Run #4\", 88, 65]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Potential savings from unused JavaScript\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_js_savings_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings if Minifying CSS<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of static assets without an effecient cache policy<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">15 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-14 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-93.33%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_static_asset_cache_policy_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_static_asset_cache_policy_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_static_asset_cache_policy_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 15, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 1, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"# of static assets without an effecient cache policy\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_static_asset_cache_policy_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_static_asset_cache_policy_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_static_asset_cache_policy_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_static_asset_cache_policy_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"# of static assets without an effecient cache policy\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 15, 1],[ \"Run #2\", 15, 1],[ \"Run #3\", 15, 1],[ \"Run #4\", 15, 1]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"# of static assets without an effecient cache policy\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_static_asset_cache_policy_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>JavaScript execution time<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.45 s<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.07 s<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-0.38 s<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-85.19%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_js_execution_time_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_js_execution_time_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_js_execution_time_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"s\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 0.45, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 0.066666666666667, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"JavaScript execution time\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_js_execution_time_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_js_execution_time_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_js_execution_time_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_js_execution_time_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"JavaScript execution time\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 0.3, 0.1],[ \"Run #2\", 0.3, 0.0],[ \"Run #3\", 0.5, 0.1],[ \"Run #4\", 0.7, ]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"JavaScript execution time\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_js_execution_time_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Main-thread work<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1.03 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.3 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-0.73 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-70.73%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_main_thread_work_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_main_thread_work_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_main_thread_work_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 1.025, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 0.3, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Main-thread work\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_main_thread_work_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_main_thread_work_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_main_thread_work_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_main_thread_work_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Main-thread work\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 0.7, 0.5],[ \"Run #2\", 0.9, 0.2],[ \"Run #3\", 1.1, 0.2],[ \"Run #4\", 1.4, 0.3]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Main-thread work\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_main_thread_work_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of long main-thread tasks<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-1 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-50%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_long_main_thread_tasks_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_long_main_thread_tasks_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_long_main_thread_tasks_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 2, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 1, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"# of long main-thread tasks\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_long_main_thread_tasks_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_long_main_thread_tasks_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_long_main_thread_tasks_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_long_main_thread_tasks_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"# of long main-thread tasks\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 1, 1],[ \"Run #2\", 2, 1],[ \"Run #3\", 3, ]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"# of long main-thread tasks\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_long_main_thread_tasks_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Initial server response time<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">357.5 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">327.5 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-30 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-8.39%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_initial_server_response_time_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_initial_server_response_time_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_initial_server_response_time_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 357.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 327.5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Initial server response time\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_initial_server_response_time_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_initial_server_response_time_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_initial_server_response_time_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_initial_server_response_time_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Initial server response time\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 420, 420],[ \"Run #2\", 370, 350],[ \"Run #3\", 350, 360],[ \"Run #4\", 290, 180]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Initial server response time\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_initial_server_response_time_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of large layout shifts<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none change-percent\">0%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of user timings<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of animations found<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Network payload<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1184.75 KiB<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">733 KiB<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-451.75 KiB<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-38.13%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_enormous_network_payloads_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_enormous_network_payloads_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_enormous_network_payloads_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"KiB\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 1184.75, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 733, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Network payload\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_enormous_network_payloads_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_enormous_network_payloads_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_enormous_network_payloads_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_enormous_network_payloads_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Network payload\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 1184, 733],[ \"Run #2\", 1184, 733],[ \"Run #3\", 1184, 733],[ \"Run #4\", 1187, 733]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Network payload\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_enormous_network_payloads_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>DOM size<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">364 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">127 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-237 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-65.11%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_dom_size_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_dom_size_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_dom_size_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 364, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 127, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"DOM size\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_dom_size_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_dom_size_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_dom_size_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_dom_size_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"DOM size\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 364, 127],[ \"Run #2\", 364, 127],[ \"Run #3\", 364, 127],[ \"Run #4\", 364, 127]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"DOM size\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_dom_size_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of chains found<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">14 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">13 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-1 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-7.14%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_chained_critical_requests_desktop\" data-drawn=\"false\" data-function=\"draw_column_chart_chained_critical_requests_desktop\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_chained_critical_requests_desktop() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 14, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 13, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"# of chains found\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_chained_critical_requests_desktop\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_chained_critical_requests_desktop\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_chained_critical_requests_desktop\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_chained_critical_requests_desktop() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"# of chains found\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 14, 13],[ \"Run #2\", 14, 13],[ \"Run #3\", 14, 13],[ \"Run #4\", 14, 13]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"# of chains found\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_chained_critical_requests_desktop\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Defer offscreen images<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Minify JavaScript<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2 KiB<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2 KiB<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 KiB<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none change-percent\">0%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Properly size images<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Efficiently encode images<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Enable text compression<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Preconnect to required origins<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Preload key requests<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"1\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 <\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Preload Largest Contentful Paint image<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Avoid multiple page redirects<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Use video formats for animated content<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Remove duplicate modules in JavaScript bundles<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Avoid serving legacy JavaScript to modern browsers<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Largest Contentful Paint image was not lazily loaded<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Avoids document.write()<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Image elements have explicit width and height<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Has a &lt;meta name=&quot;viewport&quot;&gt; tag with width or initial-scale<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Uses passive listeners to improve scrolling performance<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>All text remains visible during webfont loads<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div><\/div>\n\t\t\t<div data-tab=\"mobile\" class=\"hidden\"><h2>Performance<\/h2>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Performance score<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">66 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">76 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+10 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+15.15%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_performance_score_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_performance_score_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_performance_score_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 66, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 76, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Performance score\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_performance_score_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_performance_score_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_performance_score_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_performance_score_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Performance score\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 68, 76],[ \"Run #2\", 68, 76],[ \"Run #3\", 68, 76],[ \"Run #4\", 60, 76]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Performance score\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_performance_score_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div><h2>Points per Metrics<\/h2>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>First Contentful Paint<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">6.75 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">7 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+0.25 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+3.7%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_points_fcp_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_points_fcp_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_points_fcp_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"Points\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 6.75, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 7, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"First Contentful Paint\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_points_fcp_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_points_fcp_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_points_fcp_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_points_fcp_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"First Contentful Paint\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 7, 7],[ \"Run #2\", 7, 7],[ \"Run #3\", 7, 7],[ \"Run #4\", 6, 7]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"First Contentful Paint\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_points_fcp_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Largest Contentful Paint<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">5 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+3 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+150%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_points_lcp_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_points_lcp_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_points_lcp_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"Points\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 2, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Largest Contentful Paint\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_points_lcp_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_points_lcp_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_points_lcp_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_points_lcp_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Largest Contentful Paint\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 2, 5],[ \"Run #2\", 2, 5],[ \"Run #3\", 2, 5],[ \"Run #4\", 2, 5]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Largest Contentful Paint\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_points_lcp_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Total Blocking Time<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">24.25 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">29.75 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+5.5 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+22.68%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_points_tbt_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_points_tbt_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_points_tbt_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"Points\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 24.25, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 29.75, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Total Blocking Time\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_points_tbt_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_points_tbt_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_points_tbt_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_points_tbt_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Total Blocking Time\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 26, 29],[ \"Run #2\", 26, 30],[ \"Run #3\", 26, 30],[ \"Run #4\", 19, 30]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Total Blocking Time\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_points_tbt_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Cumulative Layout Shift<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">25 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">25 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none change-percent\">0%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Speed Index<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">8 points<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">10 points<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">+2 points<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">+25%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_points_si_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_points_si_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_points_si_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"Points\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 8, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 10, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Speed Index\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_points_si_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_points_si_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_points_si_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_points_si_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Speed Index\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 8, 10],[ \"Run #2\", 8, 10],[ \"Run #3\", 8, 10],[ \"Run #4\", 8, 10]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Speed Index\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_points_si_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div><h2>Metrics<\/h2>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>First Contentful Paint<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2.45 s<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2.45 s<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-worse\">+0 s<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-worse change-percent\">+0%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Largest Contentful Paint<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">6.53 s<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">5.38 s<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-1.15 s<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-17.62%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_largest_contentful_paint_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_largest_contentful_paint_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_largest_contentful_paint_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"s\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 6.525, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 5.375, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Largest Contentful Paint\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_largest_contentful_paint_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_largest_contentful_paint_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_largest_contentful_paint_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_largest_contentful_paint_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Largest Contentful Paint\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 6.5, 5.4],[ \"Run #2\", 6.5, 5.4],[ \"Run #3\", 6.6, 5.3],[ \"Run #4\", 6.5, 5.4]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Largest Contentful Paint\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_largest_contentful_paint_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Total Blocking Time<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">287.5 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">80 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-207.5 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-72.17%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_total_blocking_time_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_total_blocking_time_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_total_blocking_time_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 287.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 80, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Total Blocking Time\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_total_blocking_time_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_total_blocking_time_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_total_blocking_time_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_total_blocking_time_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Total Blocking Time\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 240, 90],[ \"Run #2\", 220, 70],[ \"Run #3\", 240, 70],[ \"Run #4\", 450, 90]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Total Blocking Time\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_total_blocking_time_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Cumulative Layout Shift<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.02 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.02 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-0 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-1.19%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Speed Index<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">4.03 s<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2.75 s<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-1.28 s<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-31.68%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_speed_index_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_speed_index_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_speed_index_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"s\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 4.025, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 2.75, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Speed Index\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_speed_index_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_speed_index_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_speed_index_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_speed_index_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Speed Index\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 3.9, 2.8],[ \"Run #2\", 4.2, 2.8],[ \"Run #3\", 3.8, 2.9],[ \"Run #4\", 4.2, 2.5]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Speed Index\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_speed_index_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div><h2>Diagnostics<\/h2>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Largest Contentful Paint element<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">6512.5 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">5382.5 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-1130 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-17.35%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_lcp_element_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_lcp_element_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_lcp_element_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 6512.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 5382.5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Largest Contentful Paint element\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_lcp_element_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_lcp_element_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_lcp_element_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_lcp_element_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Largest Contentful Paint element\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 6450, 5400],[ \"Run #2\", 6450, 5400],[ \"Run #3\", 6600, 5330],[ \"Run #4\", 6550, 5400]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Largest Contentful Paint element\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_lcp_element_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings from render-blocking resources<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1042.5 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">880 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-162.5 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-15.59%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_rbr_savings_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_rbr_savings_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_rbr_savings_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 1042.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 880, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Potential savings from render-blocking resources\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_rbr_savings_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_rbr_savings_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_rbr_savings_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_rbr_savings_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Potential savings from render-blocking resources\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 1000, 890],[ \"Run #2\", 980, 880],[ \"Run #3\", 1000, 870],[ \"Run #4\", 1190, 880]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Potential savings from render-blocking resources\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_rbr_savings_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings by serving images in next-gen format<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">14 KiB<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Time third-party code blocked the main thread for<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">447.5 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">62.5 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-385 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-86.03%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_third_party_block_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_third_party_block_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_third_party_block_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 447.5, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 62.5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Time third-party code blocked the main thread for\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_third_party_block_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_third_party_block_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_third_party_block_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_third_party_block_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Time third-party code blocked the main thread for\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 360, 60],[ \"Run #2\", 400, 60],[ \"Run #3\", 360, 50],[ \"Run #4\", 670, 80]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Time third-party code blocked the main thread for\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_third_party_block_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings from unused CSS<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings from unused JavaScript<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">87 KiB<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">65 KiB<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-22 KiB<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-25.29%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_js_savings_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_js_savings_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_js_savings_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"KiB\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 87, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 65, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Potential savings from unused JavaScript\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_js_savings_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_js_savings_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_js_savings_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_js_savings_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Potential savings from unused JavaScript\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 87, 65],[ \"Run #2\", 87, 65],[ \"Run #3\", 87, 65],[ \"Run #4\", 87, 65]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Potential savings from unused JavaScript\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_js_savings_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Potential savings if Minifying CSS<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of static assets without an effecient cache policy<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">16 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-15 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-93.75%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_static_asset_cache_policy_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_static_asset_cache_policy_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_static_asset_cache_policy_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 16, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 1, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"# of static assets without an effecient cache policy\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_static_asset_cache_policy_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_static_asset_cache_policy_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_static_asset_cache_policy_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_static_asset_cache_policy_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"# of static assets without an effecient cache policy\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 16, 1],[ \"Run #2\", 16, 1],[ \"Run #3\", 16, 1],[ \"Run #4\", 16, 1]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"# of static assets without an effecient cache policy\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_static_asset_cache_policy_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>JavaScript execution time<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1.38 s<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.28 s<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-1.1 s<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-80%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_js_execution_time_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_js_execution_time_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_js_execution_time_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"s\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 1.375, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 0.275, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"JavaScript execution time\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_js_execution_time_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_js_execution_time_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_js_execution_time_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_js_execution_time_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"JavaScript execution time\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 1.2, 0.3],[ \"Run #2\", 1.3, 0.2],[ \"Run #3\", 1.3, 0.3],[ \"Run #4\", 1.7, 0.3]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"JavaScript execution time\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_js_execution_time_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Main-thread work<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2.55 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0.9 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-1.65 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-64.71%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_main_thread_work_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_main_thread_work_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_main_thread_work_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 2.55, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 0.9, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Main-thread work\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_main_thread_work_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_main_thread_work_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_main_thread_work_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_main_thread_work_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Main-thread work\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 2.3, 1.0],[ \"Run #2\", 2.4, 0.8],[ \"Run #3\", 2.3, 0.9],[ \"Run #4\", 3.2, 0.9]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Main-thread work\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_main_thread_work_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of long main-thread tasks<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">7.75 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">5 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-2.75 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-35.48%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_long_main_thread_tasks_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_long_main_thread_tasks_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_long_main_thread_tasks_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 7.75, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"# of long main-thread tasks\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_long_main_thread_tasks_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_long_main_thread_tasks_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_long_main_thread_tasks_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_long_main_thread_tasks_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"# of long main-thread tasks\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 8, 5],[ \"Run #2\", 10, 3],[ \"Run #3\", 6, 6],[ \"Run #4\", 7, 6]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"# of long main-thread tasks\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_long_main_thread_tasks_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Initial server response time<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">310 ms<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">322.5 ms<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-worse\">+12.5 ms<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-worse change-percent\">+4.03%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_initial_server_response_time_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_initial_server_response_time_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_initial_server_response_time_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"ms\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 310, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 322.5, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Initial server response time\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_initial_server_response_time_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_initial_server_response_time_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_initial_server_response_time_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_initial_server_response_time_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Initial server response time\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 400, 420],[ \"Run #2\", 340, 350],[ \"Run #3\", 360, 360],[ \"Run #4\", 140, 160]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Initial server response time\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_initial_server_response_time_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of large layout shifts<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none change-percent\">0%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of user timings<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of animations found<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Network payload<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">1309 KiB<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">733 KiB<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-576 KiB<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-44%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_enormous_network_payloads_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_enormous_network_payloads_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_enormous_network_payloads_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"KiB\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 1309, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 733, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"Network payload\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_enormous_network_payloads_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_enormous_network_payloads_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_enormous_network_payloads_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_enormous_network_payloads_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"Network payload\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 1309, 733],[ \"Run #2\", 1309, 733],[ \"Run #3\", 1309, 733],[ \"Run #4\", 1309, 733]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"Network payload\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_enormous_network_payloads_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>DOM size<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">346 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">127 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-219 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-63.29%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_dom_size_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_dom_size_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_dom_size_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 346, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 127, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"DOM size\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_dom_size_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_dom_size_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_dom_size_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_dom_size_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"DOM size\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 346, 127],[ \"Run #2\", 346, 127],[ \"Run #3\", 346, 127],[ \"Run #4\", 346, 127]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"DOM size\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_dom_size_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3># of chains found<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">14 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">13 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better\">-1 <\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-better change-percent\">-7.14%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"1\">\n\t\t<div style=\"height:250px;width:250px;\" id=\"column_chart_chained_critical_requests_mobile\" data-drawn=\"false\" data-function=\"draw_column_chart_chained_critical_requests_mobile\"><\/div>\n\n\t\t<script type=\"text\/javascript\">\n\t\t\tfunction draw_column_chart_chained_critical_requests_mobile() {\n\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"\", \"\",{role: \"style\"} ],\n\t\t\t\t\t[\"Standard site\", 14, \"color: #bbb\" ],\n\t\t\t\t\t[\"W3TC Optimized\", 13, \"color: #8fcdd1\" ]\n\t\t\t\t]);\n\n\t\t\t    var options = {\n\t\t\t\t\ttitle     : \"# of chains found\",\n\t\t\t\t\tlegend    : { position: \"left\" },\n\t\t  \t\t\tchartArea : { width: \"75%\", height: \"80%\" },\n\t\t  \t\t\tvAxis     : { minValue: 0 }\n        \t\t};\n\n        \t\tvar chart = new google.visualization.ColumnChart(document.getElementById( \"column_chart_chained_critical_requests_mobile\" ) );\n\n        \t\tchart.draw(data, options);\n      \t\t}\n    \t<\/script>\n\t\t<\/td>\n\t\t\t\t<td colspan=\"3\">\n\t\t\t<div id=\"chart_chained_critical_requests_mobile\" style=\"width:350px;height:250px;\" data-drawn=\"false\" data-function=\"draw_chained_critical_requests_mobile\"><\/div>\n    \t\t<script type=\"text\/javascript\">\n\t\t\t\tfunction draw_chained_critical_requests_mobile() {\n\t\t\t\t\tvar data = google.visualization.arrayToDataTable([\n\t\t\t\t\t[\"# of chains found\", \"Standard site\", \"W3TC Optimized\"],\n\t\t\t\t\t[ \"Run #1\", 14, 13],[ \"Run #2\", 14, 13],[ \"Run #3\", 14, 13],[ \"Run #4\", 14, 13]\n\t\t\t\t\t]);\n\n\t\t\t\t\tvar options = {\n\t\t\t\t\t\ttitle     : \"# of chains found\",\n\t\t\t\t\t\tlegend    : { position: \"bottom\" },\n\t\t\t\t\t\tchartArea : { width:250 },\n\t\t\t\t\t\tcolors    : [ \"#bbb\", \"#8fcdd1\" ],\n\t\t\t\t\t\tlineWidth : 5,\n\t\t\t\t\t};\n\n\t\t\t\t\tvar chart = new google.visualization.LineChart( document.getElementById( \"chart_chained_critical_requests_mobile\" ) );\n\n\t\t\t\t\tchart.draw( data, options );\n\t\t\t\t}\n\t\t\t<\/script><\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Defer offscreen images<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Minify JavaScript<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"2\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2 KiB<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">2 KiB<\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 KiB<\/span>\n\t\t\t<\/td>\n\t\t\t<td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none change-percent\">0%<\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Properly size images<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">71 KiB<\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Efficiently encode images<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Enable text compression<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Preconnect to required origins<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Preload key requests<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th><th colspan=\"1\">Difference<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td><td class=\"nowrap\">\n\t\t\t\t<span class=\"change-none\">0 <\/span>\n\t\t\t<\/td><\/tr>\n\t\t\t<tr>\n\t\t\t\t<td colspan=\"4\">No change.<\/td>\n\t\t\t<\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Preload Largest Contentful Paint image<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Avoid multiple page redirects<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Use video formats for animated content<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Remove duplicate modules in JavaScript bundles<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Avoid serving legacy JavaScript to modern browsers<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Largest Contentful Paint image was not lazily loaded<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Avoids document.write()<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Image elements have explicit width and height<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Has a &lt;meta name=&quot;viewport&quot;&gt; tag with width or initial-scale<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>Uses passive listeners to improve scrolling performance<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div>\n\t\t<div style=\"margin:100px 0;\">\n\t\t\t<h3>All text remains visible during webfont loads<\/h3>\n\t\t\t<table class=\"table table-bordered table-bg gpsin-shadow\">\n\t\t\t\t\t<thead>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<th>Standard site<\/th>\n\t\t\t\t\t\t\t<th>W3TC Optimized<\/th>\t\t\t\t\t\t\t\n\t\t\t\t\t\t<\/tr>\n\t\t\t\t\t<\/thead>\n\t\t\t\t\t<tbody>\n\t\t\t\t\t\t<tr>\n\t\t\t\t\t\t\t<td class=\"nowrap\">0 <\/td>\n\t\t\t\t\t\t\t<td class=\"nowrap\"><span class=\"change-better\">Passed audit<\/span><\/td><\/tr><\/tbody>\n\t\t\t<\/table>\n\t\t<\/div><\/div>\n\t\t<\/div>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>In this&nbsp;Google PageSpeed experiment, we&rsquo;re testing W3 Total Cache&rsquo;s Lazy Load Google Maps feature with the Google Maps Easy plugin in order to understand its impact on website performance. Our goal is to explore this feature and understand exactly how it helps enhance page load times. To do this, we have set up two websites: [&hellip;]<\/p>\n","protected":false},"author":1304,"featured_media":137118,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[971,692],"tags":[],"class_list":["post-132218","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-pagespeed-tests","category-w3-total-cache"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/132218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/1304"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=132218"}],"version-history":[{"count":18,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/132218\/revisions"}],"predecessor-version":[{"id":132907,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/132218\/revisions\/132907"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media\/137118"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=132218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=132218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=132218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}