v1.0.2
mercurjs/mercurv1.0.2Sep 19, 2025by pfulara
AI Summary
A performance, SEO, and accessibility focused release optimizing the Storefront with improved caching, image optimization, and structured data.
Key Highlights
- SEO: Implemented canonical URLs and JSON-LD structured data.
- Performance: Reduced TTFB and optimized images with next/image.
- Accessibility: Improved semantic HTML and alt text.
- Developer: Enabled production source maps.
New Features
- Canonical URLs and hreflang alternates
- JSON-LD structured data (BreadcrumbList, product list)
- Optimized images for LCP
Full Release Notes
**Storefront – Performance, SEO, and Accessibility Improvements** 1. SEO - Implemented canonical URLs and hreflang alternates per market to reduce duplicates and consolidate rankings. - Added structured data (JSON‑LD): BreadcrumbList and product list schemas for richer SERP snippets. - Standardized titles and meta descriptions; improved Open Graph/Twitter cards for sharper social previews. - Fixed robots.txt validity and ensured consistent page metadata across routes. 2. Performance - Reduced TTFB and improved caching for static assets and content; smarter Cache-Control policies for quicker repeat visits. - Optimized images with next/image (sizes, priority, fetchPriority, quality, proper dimensions) to accelerate LCP. - Deferred non‑critical code with dynamic imports and removed legacy/unused JavaScript to shrink bundles. - Improved back/forward cache (bfcache) compatibility to speed up navigations. 3. Stability (CLS) - Reserved space for key UI/media elements (explicit sizes/aspect‑ratio) to prevent layout shifts and “jumps.” - Tuned lazy loading and pagination components for steadier content flow. 4. Accessibility - Ensured all interactive elements (links/buttons) have discernible names; improved link text semantics. - Added/verified alt text on images and standardized heading hierarchy (h1, h2, roles and levels). 5. UX/Content Consistency - Unified heading and metadata conventions across pages for clearer storytelling and brand recall. - Enhanced category and listing pages with the same image and loading strategies as the homepage. 6. Developer Experience - Enabled production source maps. - Cleaned up unused JavaScript and legacy patterns for maintainability. 7. Affected areas - Pages: page.tsx (homepage), categories/page.tsx, categories/[category]/page.tsx - Components: Hero, BannerSection, BlogSection, ProductCard, CategoryCard, ProductCarousel, Pagination, MessageButton, and related UI. 8. Impact - Faster initial render and perceived load, steadier layouts, richer search appearance, improved accessibility and navigation—driving higher traffic, engagement, and conversions.