<commit_before><?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="exporter-version" content="Evernote Mac 6.10 (454267)"/><meta name="author" content="Noel"/><meta name="created" content="2016-11-19 17:44:35 +0000"/><meta name="source" content="desktop.mac"/><meta name="updated" content="2016-11-21 17:59:27 +0000"/><style>img{height:auto;width: 100%;}</style><title>Webpage Optimization Project: Results</title></head><body><div><div style="text-align: center;"><b><font style="font-size: 24px;"><br/></font></b></div><div style="text-align: center;"><b><font style="font-size: 24px;">Results Summary</font></b></div><div style="text-align: center;"><b style="font-size: 18px;"><br/></b></div><br/><table style="width: 100%; table-layout: fixed; border: 1px solid rgb(146, 146, 146); border-collapse: collapse;"><tbody><tr><td style="width: 33.333333333333336%; padding: 10px; margin: 0px; background-color: rgb(224, 224, 224); border: 1px solid rgb(146, 146, 146);"><div><b><font style="font-size: 18px;">Rubric</font></b></div></td><td style="width: 33.333333333333336%; padding: 10px; margin: 0px; background-color: rgb(224, 224, 224); border: 1px solid rgb(146, 146, 146);"><div><b><font style="font-size: 18px;">Original</font></b></div></td><td style="width: 33.333333333333336%; padding: 10px; margin: 0px; background-color: rgb(224, 224, 224); border: 1px solid rgb(146, 146, 146);"><div><b><font style="font-size: 18px;">Optimized</font></b></div></td></tr><tr><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>PageSpeed Insights (index.html)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>27/100 (mobile)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>99/100</div></td></tr><tr><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>PageSpeed Insights (index.html)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>29/100 (desktop)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>99/100</div></td></tr><tr><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>Resizing Pizzas &lt; 5 ms (pizza.html)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>~102 - 115 ms</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);">1.12 ms - 1.19 ms</td></tr><tr><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>Consistent 60 fps (pizza.html)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);">Failed</td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);">Passed </td></tr></tbody></table></div><div/><div><br/></div><div><font style="font-size: 18px;"><b><br/></b></font></div><div><font style="font-size: 18px;"><b>Timeline JSON Data Link</b></font></div><div><a href="https://www.dropbox.com/sh/4fihovdwcortwj3/AADgpADxmbu1HQCd5EfFc1Yra?dl=0">https://www.dropbox.com/sh/4fihovdwcortwj3/AADgpADxmbu1HQCd5EfFc1Yra?dl=0</a><br/></div><div><br/></div><div><br/></div><div><font style="font-size: 18px;"><b>Testing Environment</b></font></div><div><ul><li>Early 2011 MacBook Pro</li><li>2.7 GHz Intel Core i7</li><li>8 GB 1333 MHz DDR3<br/></li><li>Intel HD Graphics 3000 512 MB<br/></li><li>Google Chrome (Canary) Version 57.0.2926.0 (64-bit)</li><li>Browser cache disabled</li><li>PageSpeed Insights</li><li>Google Developer Tools</li></ul><div><br/></div><div><br/></div><div><font style="font-size: 18px;"><b>Tested Files</b></font></div><ul><li>Page load speed applies to<i> index.html</i></li><li>Two files for testing scroll performance:</li></ul><ol><ol><li><i>main_canvas.js</i></li><ul><li>pizza-resize using separate reflow and repaint loops and element hiding</li><li>canvas-based background animation with css translateZ hack</li></ul><li><i>main_transform.js</i></li><ul><li>pizza-resize using separate reflow and repaint loops only<br/></li><li>css-based background animation with css translateZ hack</li></ul></ol></ol><div><br/></div><div><br/></div></div><div><br/></div><div style="text-align: center;"><font style="font-size: 24px;"><b>Screenshots</b></font></div><div><div><br/></div></div><div><font style="font-size: 18px;"><b><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(255, 76, 0);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Original</font><font color="#ff2600"><br/></font></div></td></tr></tbody></table></b></font></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/page-insights-mobile_orig.png.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-size: 18px;"><b><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized</font><br/></div></td></tr></tbody></table></b></font></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/page-insights_mobile_optimized.png" height="1200" width="1920"/><br/></div><div><br/></div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(255, 76, 0);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Original</font><br/></div></td></tr></tbody></table><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/page-insights-desktop_orig.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized</font><br/></div></td></tr></tbody></table></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><div/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><div/></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/page-insights_desktop_optimized.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(255, 76, 0);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Original</font><br/></div></td></tr></tbody></table></font></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/resize_org.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized (main_canvas.js)</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/resize_optimized-canvas.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized (main_transform.js)</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/resize_optimized-dom.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(255, 76, 0);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Original</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/timeline_orig.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized (main_canvas.js)</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/timeline_canvas.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized (main_transform.js)</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/timeline_dom.png" height="1200" width="1920"/><br/></div><div><br/></div></body></html><commit_msg>Fix link<commit_after><?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/><meta name="exporter-version" content="Evernote Mac 6.10 (454267)"/><meta name="author" content="Noel"/><meta name="created" content="2016-11-19 17:44:35 +0000"/><meta name="source" content="desktop.mac"/><meta name="updated" content="2016-11-21 17:59:27 +0000"/><style>img{height:auto;width: 100%;}</style><title>Webpage Optimization Project: Results</title></head><body><div><div style="text-align: center;"><b><font style="font-size: 24px;"><br/></font></b></div><div style="text-align: center;"><b><font style="font-size: 24px;">Results Summary</font></b></div><div style="text-align: center;"><b style="font-size: 18px;"><br/></b></div><br/><table style="width: 100%; table-layout: fixed; border: 1px solid rgb(146, 146, 146); border-collapse: collapse;"><tbody><tr><td style="width: 33.333333333333336%; padding: 10px; margin: 0px; background-color: rgb(224, 224, 224); border: 1px solid rgb(146, 146, 146);"><div><b><font style="font-size: 18px;">Rubric</font></b></div></td><td style="width: 33.333333333333336%; padding: 10px; margin: 0px; background-color: rgb(224, 224, 224); border: 1px solid rgb(146, 146, 146);"><div><b><font style="font-size: 18px;">Original</font></b></div></td><td style="width: 33.333333333333336%; padding: 10px; margin: 0px; background-color: rgb(224, 224, 224); border: 1px solid rgb(146, 146, 146);"><div><b><font style="font-size: 18px;">Optimized</font></b></div></td></tr><tr><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>PageSpeed Insights (index.html)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>27/100 (mobile)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>99/100</div></td></tr><tr><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>PageSpeed Insights (index.html)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>29/100 (desktop)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>99/100</div></td></tr><tr><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>Resizing Pizzas &lt; 5 ms (pizza.html)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>~102 - 115 ms</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);">1.12 ms - 1.19 ms</td></tr><tr><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);"><div>Consistent 60 fps (pizza.html)</div></td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);">Failed</td><td style="padding: 10px; margin: 0px; border: 1px solid rgb(146, 146, 146);">Passed </td></tr></tbody></table><p>More recent PageInsight scores can be viewed <a href="PageSpeed-2018/index.html">here</a>.</p></div><div/><div><br/></div><div><font style="font-size: 18px;"><b><br/></b></font></div><div><font style="font-size: 18px;"><b>Timeline JSON Data Link</b></font></div><div><a href="https://drive.google.com/drive/folders/0B9fvKmX-nM0UbGY2Rk9wSks1N1E?usp=sharing">https://drive.google.com/drive/folders/0B9fvKmX-nM0UbGY2Rk9wSks1N1E?usp=sharing</a><br/></div><div><br/></div><div><br/></div><div><font style="font-size: 18px;"><b>Testing Environment</b></font></div><div><ul><li>Early 2011 MacBook Pro</li><li>2.7 GHz Intel Core i7</li><li>8 GB 1333 MHz DDR3<br/></li><li>Intel HD Graphics 3000 512 MB<br/></li><li>Google Chrome (Canary) Version 57.0.2926.0 (64-bit)</li><li>Browser cache disabled</li><li>PageSpeed Insights</li><li>Google Developer Tools</li></ul><div><br/></div><div><br/></div><div><font style="font-size: 18px;"><b>Tested Files</b></font></div><ul><li>Page load speed applies to<i> index.html</i></li><li>Two files for testing scroll performance:</li></ul><ol><ol><li><i>main_canvas.js</i></li><ul><li>pizza-resize using separate reflow and repaint loops and element hiding</li><li>canvas-based background animation with css translateZ hack</li></ul><li><i>main_transform.js</i></li><ul><li>pizza-resize using separate reflow and repaint loops only<br/></li><li>css-based background animation with css translateZ hack</li></ul></ol></ol><div><br/></div><div><br/></div></div><div><br/></div><div style="text-align: center;"><font style="font-size: 24px;"><b>Screenshots</b></font></div><div><div><br/></div></div><div><font style="font-size: 18px;"><b><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(255, 76, 0);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Original</font><font color="#ff2600"><br/></font></div></td></tr></tbody></table></b></font></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/page-insights-mobile_orig.png.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-size: 18px;"><b><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized</font><br/></div></td></tr></tbody></table></b></font></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/page-insights_mobile_optimized.png" height="1200" width="1920"/><br/></div><div><br/></div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(255, 76, 0);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Original</font><br/></div></td></tr></tbody></table><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/page-insights-desktop_orig.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized</font><br/></div></td></tr></tbody></table></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><div/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><div/></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/page-insights_desktop_optimized.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(255, 76, 0);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Original</font><br/></div></td></tr></tbody></table></font></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/resize_org.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized (main_canvas.js)</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/resize_optimized-canvas.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized (main_transform.js)</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/resize_optimized-dom.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(255, 76, 0);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Original</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/timeline_orig.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized (main_canvas.js)</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/timeline_canvas.png" height="1200" width="1920"/><br/></div><div><br/></div><div><font style="font-weight: bold; font-size: 18px;"/></div><div><table style="width: 100%; border-collapse: collapse; table-layout: fixed;"><tbody><tr><td style="width: 100%; border: 1px solid rgb(219, 219, 219); padding: 10px; margin: 0px; background-color: rgb(56, 210, 121);"><div style="text-align: center;"><font style="font-weight: bold; font-size: 18px;">Optimized (main_transform.js)</font><br/></div></td></tr></tbody></table></div><div><img src="Webpage%20Optimization%20Project%3A%20Results.resources/timeline_dom.png" height="1200" width="1920"/><br/></div><div><br/></div></body></html>
{'fraction_non_alphanumeric': 0.24462238226096844, 'fraction_numerical': 0.08566284468871412, 'mean_word_length': 7.7653654485049834, 'pattern_counts': {'":': 0, '<': 1007, '<?xml version=': 2, '>': 1007, 'https://': 4, 'lorem ipsum': 0, 'www.': 4, 'xml': 2}, 'pii_count': 0, 'substrings_counts': 6, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6683781', 'n_tokens_mistral': 8869, 'n_tokens_neox': 7143, 'n_words': 1394}