Kitwradr / UCSD-Site-Clone

Creating a static clone of UCSD website and optimizing for performance and accessibility

UCSD-Site-Clone

Creating a static clone of UCSD website and optimizing for performance and accessibility

Original homepage: https://ucsd.edu/

New homepage deployed on netlify

Lighthouse Reports

Original homepage Lighthouse Report

New homepage Lighthouse Report

Metrics

• Performance score: 39 -> 54
• First Contentful Paint: 3.3 s -> 2.0 s
• Largest Contentful Paint: 7.3 s -> 2.9 s
• Cumulative Layout Shift: 0.411 -> 0.41
• Speed Index: 3.3 s -> 2.0 s

Fixes

• Compress all images with tinypng
• Remove document.write
• Remove some unused CSS files
• Update links to static resources if the file is available
• Compress large CSS files cssminifier

Tasks

• Suhas : Scripts to scrape website, CSS, Assets
• Keran : Refactor code for optimization, CSS minify, Pictures compression, etc