Skip to content

Make tweet embeds much lighter - #42

Merged
bryanfriedman merged 15 commits into
mainfrom
react-tweet
Dec 29, 2025
Merged

Make tweet embeds much lighter#42
bryanfriedman merged 15 commits into
mainfrom
react-tweet

Conversation

@bryanfriedman

Copy link
Copy Markdown
Owner

No description provided.

@netlify

netlify Bot commented Dec 27, 2025

Copy link
Copy Markdown

Deploy Preview for bryanfriedman ready!

Name Link
🔨 Latest commit f1a9d40
🔍 Latest deploy log https://app.netlify.com/projects/bryanfriedman/deploys/69521cf8fe3ec100080a6b9f
😎 Deploy Preview https://deploy-preview-42--bryanfriedman.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 91
Accessibility: 97
Best Practices: 100
SEO: 100
PWA: 90
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Netlify LH plugin works from UI so I don't have to include in package.json
Improves image src resolution in markdown to be relative to the page stem for consistency. Adds and configures the eleventy image transform plugin for responsive images. Optimizes CSS and Google Fonts loading in head.njk with preload, async loading, and noscript fallbacks for better performance.
Added @11ty/eleventy-img version ^6.0.4 to project dependencies in package.json and updated package-lock.json accordingly to include required sub-dependencies.
Integrates PurgeCSS for production builds to remove unused CSS. Refines critical inline styles in head.njk to prevent unstyled content flashes, optimizes image preloading logic, simplifies script loading, and improves navbar toggler accessibility and behavior in scripts.js.
Extracted PurgeCSS configuration from plugins.js to purgecss.config.js for better maintainability. Updated plugin initialization to use the new config file.
Refactors CSS and JS loading to lazy-load non-critical assets (Prism and lite-yt) only when needed, reducing initial page load. Adds logic to swap the masthead background to a high-resolution image after load. Updates Nunjucks templates to support new asset loading and background image swapping. Also updates about.webp and header.webp images.
Adjusted image transform plugin widths to [480, 820, 'auto'] for better optimization. Improved analytics script loading by adding event listeners for user interaction and preventing duplicate loads. Reduced blog index pagination size from 5 to 3 posts per page.
Added aria-labels to footer social links for better accessibility, set theme color meta tag, and updated the web manifest with app name, short name, and maskable icon. Improved code block wrapping in global styles and clarified a blog post link. Minor SVG and color adjustments for accessibility and consistency.
Cleaned up duplicate and misplaced markdown-it plugin usage in mdrender.js, ensuring correct order and options for mdAnchor and mdAttr. Added 'focusable="false"' to LinkedIn SVG in footer for accessibility. Enhanced .btn-primary styles in _global.scss for better color contrast and accessibility.
Replaces the full Bootstrap import with specific SCSS modules to reduce CSS bundle size and improve performance. Also removes the import of the unused forms component.
Added focusable="false" to SVG icons in navbar and footer for better accessibility. Updated primary button colors for improved contrast. Enhanced hover and focus styles for navbar and footer social icons to improve visual feedback.
@bryanfriedman
bryanfriedman merged commit 914aa76 into main Dec 29, 2025
5 checks passed
@bryanfriedman
bryanfriedman deleted the react-tweet branch January 10, 2026 05:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Resolve performance and a11y issues per Lighthouse report Updates to image handling

1 participant