Feat/liquidglass - #8
Merged
Merged
Conversation
- profile-cutout.webp: 800×926 → 600×695 (64% smaller) - about-me.webp: 901×1230 → 650×888 (48% smaller) - Added responsive sizes props to Image components - Estimated savings: 135 KiB per page load - Updated aspect ratio in more-about section Addresses Lighthouse image-delivery-insight audit.
Target browsers (Chrome 100+, Safari 15.4+, Firefox 100+) all support ES2020. Removes unnecessary transpilation of modern JavaScript features. Estimated savings: 14 KiB in legacy polyfills and transforms.
- framer-motion was never imported or used in codebase - All animations use CSS transitions instead (navbar comment confirms) - Removes 5.5MB from node_modules - Estimated bundle savings: 106 KiB Addresses Lighthouse reduce-unused-javascript audit.
- Changed timezone text from text-zinc-500/dark:text-gray-500 to text-zinc-600/dark:text-gray-400 - Meets WCAG AA contrast requirements (4.5:1 for normal text) - Timezone is smaller text (8px) so needs higher contrast ratio Addresses Lighthouse color-contrast accessibility audit.
Font optimization: - Added font-display: 'swap' to Inter and Outfit font imports - Prevents flash of unstyled text (FOUT) while fonts load - Improves perceived performance and CLS Image formats: - Generated AVIF versions of all images - WebP remains optimal for these images (photos optimized for WebP) - AVIF files available as backup format - Added generate-avif.mjs script for future image optimization CLS audit: - Verified all images have explicit width/height - Confirmed font loading won't cause layout shift (font-display: swap) - Mobile menu properly constrained with max-height overflow Additional improvements: - Estimated ~50ms improvement in FCP from font optimization - Enables future format selection based on browser
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.