{"action":"opened","issue":{"url":"https://api.github.com/repos/chrisopedia/chrisnewton.me/issues/14","labels_url":"https://api.github.com/repos/chrisopedia/chrisnewton.me/issues/14/labels{/name}","comments_url":"https://api.github.com/repos/chrisopedia/chrisnewton.me/issues/14/comments","events_url":"https://api.github.com/repos/chrisopedia/chrisnewton.me/issues/14/events","html_url":"https://github.com/chrisopedia/chrisnewton.me/issues/14","id":110582906,"number":14,"title":"Requirements","user":{"login":"chrisopedia","id":5769156,"avatar_url":"https://avatars.githubusercontent.com/u/5769156?v=3","gravatar_id":"","url":"https://api.github.com/users/chrisopedia","html_url":"https://github.com/chrisopedia","followers_url":"https://api.github.com/users/chrisopedia/followers","following_url":"https://api.github.com/users/chrisopedia/following{/other_user}","gists_url":"https://api.github.com/users/chrisopedia/gists{/gist_id}","starred_url":"https://api.github.com/users/chrisopedia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/chrisopedia/subscriptions","organizations_url":"https://api.github.com/users/chrisopedia/orgs","repos_url":"https://api.github.com/users/chrisopedia/repos","events_url":"https://api.github.com/users/chrisopedia/events{/privacy}","received_events_url":"https://api.github.com/users/chrisopedia/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-10-09T03:44:11Z","updated_at":"2015-10-09T03:44:11Z","closed_at":null,"body":"Portfolio Site\r\n\r\nsetting up chassis will be huge for working on wordpress projects in the future, mainly theme development because a wordpress instance can be set up in seconds\r\n\r\n\r\nchanging the wordpress plugins folder to be outside for plugin development\r\n\r\nchanging the version of wordpress so you can test against different versions\r\n\r\ninstalling theme checker so you can automatically test themes\r\n\r\nrunning unit tests with phpunit\r\n\r\nusing the wp-api to write fun plugins or widgets\r\n\r\nlook into using PostCSS for the build process instead of Sass (http://www.sitepoint.com/build-css-preprocessor-postcss/)\r\n\r\ncreate a style guide first (http://hugeinc.github.io/styleguide/)\r\n\r\nset up webpagetest.org on a server\r\n\r\nset up cssstats on the server\r\n\r\nOptimizations\r\n\r\n* Extract and Inline “Critical” CSS\r\n* Load full StyleSheets asynchronously (cached for return visits)\r\n* Load all JavaScript asynchronously (yes, ads too!)\r\n* Load fonts asynchronously and apply them in a progressive manner (fallback first)\r\n* Style fallback fonts to match custom font sizes\r\n\r\n\r\nThings to Test\r\n\r\n* overall page load time\r\n* Overall page weight: the combined weight of the page’s HTML and all the files that it references (CSS, javascript, images, fonts, etc.)\r\n* time to first byte (webpagetest)\r\n* time to first paint (webpagetest)\r\n* start render\r\n* css size => selectors and what not (cssstats)\r\n* Google’s PageSpeed Insights to identify render-blocking resources\r\n\r\nTests to Run on Each Commit\r\n\r\nunit tests\r\ncss stats to ensure no bloat\r\nwebpage test \r\n\r\nTests to Run on Each Push\r\n\r\n\r\n\r\nresponsive image calculation\r\n 100% <img> width\r\nx ( 33em <figure> max-width\r\n   - 2em <figure> padding )\r\nx 1.25em <body> font-size\r\nx 16px default font-size\r\n= 620px\r\n"}}