Udacity Front-end Nonodegree - Project 4

Website Optimization

tha task is to optimize a provided website with a number of optimization- and performance-related issues so that it achieves a target PageSpeed score and runs at 60 frames per second.

Download and run the website

To view the portfolio website download all the files and open index.html in your browser. To view the pizza website download all of the files and open views/pizza.html in your browser.

steps to Optimize the webstite

1. move css to index.css.
2. add media print to specific style link.
3. load google analytic async
4. load google fonts via js to solve blocking issue
5. minified some images.

steps to Optimize to Pizza Site

1. Changed all instances of querySelector to the more efficient getElementById and getElementByClassName depending on whether a class or id is needed.

2. inline css.