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.