Skip to content

itoroAtt/udportfolio

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Website Performance Optimization portfolio project

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

Opitimizations for index.html

  1. added "async" to google analytics
  2. replaced google web fonts, due to size, with regular font call
  3. Combined styes in style.css
  4. Inlined CSS for page components that are above-the-fold
  5. Lazy loading the CSS based on code provided by Google's PageSpeed Team
  6. optimized pizzeria.jpg by reducing size and renaming to pizzeria-small.jpg, as the original was used elsewherecss
  7. added media print to print style

PageSpeed Opitimizations for pizza.html

  1. resized pizzeria.jpg
  2. added viewport meta tag
  3. added baseline font size to body tag in style.css
  4. resized pizza.png
  5. Used https://marijnhaverbeke.nl/uglifyjs to minify main.js

60FPS and Page Scroll Opitimizations for pizza.html

  • 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

Note:

My lines of code in main.js are as follows:

  1. 451 - 462
  2. 507 - 535
  3. 553
  4. 572

Resources:

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.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 56.5%
  • HTML 40.3%
  • CSS 3.2%