voculinux

359 Commits 1 Branch 3 Tags

3 Commits

Include renames

Author	SHA1	Message	Date
Jatin K MalikandGitHub	8ea1f39520	fix(web): redesign OG image with clean, professional layout (#392 ) Replace the cartoon-style OG image with a clean, text-based design inspired by VocaMac's approach: - Left side: Logo, tagline, feature bullets, GitHub CTA, distro pills - Right side: Feature cards with SVG icons and colored badges - Proper SVG vector icons (shield, keyboard, lightning, microphone) - Brand gradient accent lines top and bottom - Added SVG source file for future edits Image size reduced from 1.1MB to 113KB (PNG) and 96KB to 41KB (webp).	2026-04-07 12:16:51 -07:00
Jatin K MalikandGitHub	0d8f914993	fix(web): replace OG social preview image (#209 ) Swap the website Open Graph image with the provided design and regenerate both PNG and WebP assets at the standard 1200x630 share size so previews render consistently across platforms.	2026-02-12 18:32:54 -08:00
Jatin K MalikandGitHub	071b7b5da3	perf: optimize PageSpeed Insights performance score (#105 ) (#106 ) This commit implements comprehensive performance optimizations to improve the PageSpeed Insights score from 70/100 to targeting 90+. ## Images & Assets (Est. 200+ KiB savings) - Optimize vocalinux.png: 207KB → 44KB (79% reduction) - Add WebP versions for all logo sizes (32, 64, 96, 192, 512px) - Create og-image.webp: 274KB → 176KB (36% reduction) - All WebP images provide ~92% size reduction over PNG ## JavaScript Optimization (Est. 84 KiB savings) - Lazy load react-syntax-highlighter with next/dynamic - Created CodeBlock component for async code highlighting - Reduces initial bundle size by deferring heavy syntax highlighter ## Bundle Configuration - Disable production source maps (reduces bundle size) - Add .browserslistrc targeting modern browsers (est. 12 KiB savings) - Remove legacy browser polyfills (IE11, old Android, etc.) ## Critical Rendering Path (Est. 300ms LCP improvement) - Add preconnect hint for api.github.com - Defer Google Analytics to lazyOnload strategy ## Caching Strategy - Add cache headers configuration for static assets - Cache-Control: public, max-age=31536000, immutable - Applied to _next/static/* and image assets ## Accessibility Fixes - Fix footer color contrast: text-zinc-500 → text-zinc-400 - Add prefers-reduced-motion media query support - All animations respect user motion preferences ## Expected Impact - Total estimated LCP reduction: ~1.5-2 seconds - Bundle size reduction: ~100 KB - Targeting 90+ performance score (up from 70)	2026-01-30 22:47:59 -08:00

Author

SHA1

Message

Date

Jatin K MalikandGitHub

8ea1f39520

fix(web): redesign OG image with clean, professional layout (#392 )

Replace the cartoon-style OG image with a clean, text-based design
inspired by VocaMac's approach:

- Left side: Logo, tagline, feature bullets, GitHub CTA, distro pills
- Right side: Feature cards with SVG icons and colored badges
- Proper SVG vector icons (shield, keyboard, lightning, microphone)
- Brand gradient accent lines top and bottom
- Added SVG source file for future edits

Image size reduced from 1.1MB to 113KB (PNG) and 96KB to 41KB (webp).

2026-04-07 12:16:51 -07:00

Jatin K MalikandGitHub

0d8f914993

fix(web): replace OG social preview image (#209 )

Swap the website Open Graph image with the provided design and regenerate both PNG and WebP assets at the standard 1200x630 share size so previews render consistently across platforms.

2026-02-12 18:32:54 -08:00

Jatin K MalikandGitHub

071b7b5da3

perf: optimize PageSpeed Insights performance score (#105 ) (#106 )

This commit implements comprehensive performance optimizations to improve
the PageSpeed Insights score from 70/100 to targeting 90+.

## Images & Assets (Est. 200+ KiB savings)
- Optimize vocalinux.png: 207KB → 44KB (79% reduction)
- Add WebP versions for all logo sizes (32, 64, 96, 192, 512px)
- Create og-image.webp: 274KB → 176KB (36% reduction)
- All WebP images provide ~92% size reduction over PNG

## JavaScript Optimization (Est. 84 KiB savings)
- Lazy load react-syntax-highlighter with next/dynamic
- Created CodeBlock component for async code highlighting
- Reduces initial bundle size by deferring heavy syntax highlighter

## Bundle Configuration
- Disable production source maps (reduces bundle size)
- Add .browserslistrc targeting modern browsers (est. 12 KiB savings)
- Remove legacy browser polyfills (IE11, old Android, etc.)

## Critical Rendering Path (Est. 300ms LCP improvement)
- Add preconnect hint for api.github.com
- Defer Google Analytics to lazyOnload strategy

## Caching Strategy
- Add cache headers configuration for static assets
- Cache-Control: public, max-age=31536000, immutable
- Applied to _next/static/* and image assets

## Accessibility Fixes
- Fix footer color contrast: text-zinc-500 → text-zinc-400
- Add prefers-reduced-motion media query support
- All animations respect user motion preferences

## Expected Impact
- Total estimated LCP reduction: ~1.5-2 seconds
- Bundle size reduction: ~100 KB
- Targeting 90+ performance score (up from 70)

2026-01-30 22:47:59 -08:00