pwr2000 / frontend-nanodegree-mobile-portfolio

Website Performance Optimization portfolio project

Running instruction

Click this URL for final project: http://pwr2000.github.io/frontend-nanodegree-mobile-portfolio/

Improvements v2

Part 2

1. change querySelectorAll to getElementsByClassName
2. declare pizzasDiv variable outside the loop
3. change loop syntax to store array length for better efficiency
4. declare movingPizza variable outside the loop
5. minify main.js
6. create GitHub Pages branch (see running instruction above)

Improvements

Part 1

1. Minify Images, CSS, and JavaScript
2. Inline Style CSS and @font-face
3. Move and async Google Analytics
4. Prevent media print from loading

Part 2

1. Add viewport and charset on pizza html page
2. Main.js refactoring:

• changePizzaSizes function
• updatePostions function
• DOMContentLoaded function

3. Inline Style and Bootstrap-grid CSS
4. Minify image and CSS

PageSpeed Insights

Index page for Desktop

Index page for Mobile

Pizza page for Desktop

Pizza page for Mobile