Skip to content

Optimized an inefficient web application's JavaScript, CSS and assets delivery, ensuring it runs at 60fps and achieves a PageSpeed score of at least 90.

Notifications You must be signed in to change notification settings

ba-batten/WebsiteOptimization

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

84 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Run application

Option 1: Download or clone repository and open index.html Option 2: Follow links to the Portfolio site here and Pizzeria site here

Optimizations to Portfolio site

  • Reduce image sizes and compress
  • Inline CSS styles
  • Add async attribute to <script> tags

Optimizations to Pizzeria site

  • Reduce number of background pizzas from 200 to 20
  • Separate layout and style changes into separate for loops
  • Cache code within loops that require frequent round trips into variables
  • Replace document.querySelector with more efficient getElementById or getElemementsByClassName where appropriate
  • Reduce image sizes and compress
  • Use <picture> tag and nested <source> tags to load different versions of the pizzeria.jpg image based on viewport size

About

Optimized an inefficient web application's JavaScript, CSS and assets delivery, ensuring it runs at 60fps and achieves a PageSpeed score of at least 90.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 53.3%
  • HTML 41.0%
  • CSS 5.7%