My project can viewed at http://archis99.github.io/web-opt/
- added async attribute to the google analytics script & made it inline
- added async attribute to perfmatters.js script
- added media="print" to the css/print link
- minified and inlined the styles from style.css file
- removed the google font link
- minified the index.html
- applied requestAnimationFrame implementation found at Paul Lewis's article://https://www.html5rocks.com/en/tutorials/speed/animations/
- for-loop in updatePositions() is optimized
- changed the items[i].style.left to transform and transalte to improve FPS: http://www.paulirish.com/2012/why-moving-elements-with-translate-is-better-than-posabs-topleft/
- relocated the items variable before calling updatePositions()
- elem & movingPizzas variables are declared outside for-loop
- for slider Optimization, pizzaSize and pizzaLength variables are declared outside of the for loop
- changePizzaSizes() is defined with case-statement and for-loop is optimized
- set up grunt task to uglify the perfmatters.js file in js/ and saved as a new file called js/minified-js/perfmatters.min.js
- linked the uglified perfmatters.min.js file to the index.html
- set up grunt task to cssmin the print.css file in css/ and saved as a new file called css/minified-css/print.min.css
- linked the minified print.min.css file to the index.html
- set up grunt task to apply responsive_image to Archisman.jpg, frogger.png, kittens.jpg, panda.jpg files in img/ and saved as new files in img/minified-img/
- linked the 4 images to the index.html
- set up grunt task to htmlmin the index.html file in src/ and saved as a new file called /index.html in the primary folder