Skip to content

6stringbeliever/frontend-nanodegree-mobile-portfolio

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Website Performance Optimization portfolio project

Installation

  1. Download the repo.
  2. The optimized content is in the dist directory. The source code is in the dev directory.
  3. Run the default Gulp task to re-minify everything if you make changes to the dev code.

Optimizations

Performed the following optimizations:

  • Inlined CSS on portfolio pages to remove render blocking
  • Switched Google webfonts to JavaScript method to remove render blocking
  • Created multiple sizes for pizzeria images (thumbnail, body size) to reduce file size
  • Losslessly compressed all images and connected images to local, optimized images
  • Used Gulp JS and plugins to minify HTML, CSS, and JavaScript
  • Reduced calculations on pizzeria by calculating the correct number of pizzas to show
  • Reduced calculations on pizzeria by moving several functions that only needed to be calculated once out of for loops.

Sites Used

Referenced the following sites and used the following tools:

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 90.8%
  • CSS 9.2%