To run part 1 of this project, open index.html from your browser. To run part 2 of this project, navigate to views/pizza.html
- added "async" to google analytics
- replaced google web fonts, due to size, with regular font call
- Combined styes in style.css
- Inlined CSS for page components that are above-the-fold
- Lazy loading the CSS based on code provided by Google's PageSpeed Team
- optimized pizzeria.jpg by reducing size and renaming to pizzeria-small.jpg, as the original was used elsewherecss
- added media print to print style
- resized pizzeria.jpg
- added viewport meta tag
- added baseline font size to body tag in style.css
- resized pizza.png
- Used https://marijnhaverbeke.nl/uglifyjs to minify main.js
- I extrapolated the static items out from updatePositions() and changePizzaSizes() from the for-loops in those functions
- I used the javascript function, requestAnimationFrame, to help attain 60FPS
My lines of code in main.js are as follows:
- 451 - 462
- 507 - 535
- 553
- 572
- Stackoverflow
- https://marijnhaverbeke.nl/uglifyjs
- Piazza forum
- http://creativejs.com/resources/requestanimationframe/
- General googling
I hereby confirm that this submission is my work. I have cited above the origins of any parts of the submission that were taken from Websites, books, forums, blog posts, github repositories, etc. By including this in my email, I understand that I will be expected to explain my work in a video call with a Udacity coach before I can receive my verified certificate.