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.
Portfolio
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