Portfolio

Website Performance Optimization portfolio project. My challenge was to optimize this online portfolio for speed! In particular, optimize the critical rendering path and make the page render as quickly as possible by applying the techniques I picked up in the Critical Rendering Path course.

Specification

Responsiveness Cross-Device Compatibility. All content is responsive and displays on all display sizes. This includes Desktop, Mobile: Google Nexus 5, Tablet: Apple iPad, An image’s associated title and text render next to the image in all viewport sizes. I had to make sure that the  Images are responsive, also If a CSS framework is used, classes provided by the CSS framework are used to make images responsive, otherwise, media-queries are used to ensure the responsiveness of images.

Technologies used for this project:

HTML, CSS, JavaScript

Project
GitHub Repository