This is the completed project for Udacity's Critical Rendering Path course.
Hosted on Github pages.
Requires gulp.
-
Clone this repository
-
npm install
-
gulp build
-
Open dist/index.html (preferred) or use gulp serve
Inline styles, async script fetching, minification (including compression of images, which is a form of minification).
Get elements by class with document.getElementsByClassName rather than document.querySelectorAll.
Get .mover elements only once rather than during every updatePositions call.
Get document.body.scrollTop just once, rather than on each iteration, move items.length and the phase variable declaration outside the loop.
Change amount of background pizzas generated from 200 to 39.
Move dx, newwidth, and randomPizzaContainers.length outside loop.
Move windowWidth outside the determineDx function.
Move elem and getElementById("movingPizzas1") outside loop.