Skip to content

v1.0.2

Choose a tag to compare

@pfulara pfulara released this 19 Sep 11:49
· 918 commits to main since this release
6b4b250

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.
  1. 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.
  1. 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.
  1. 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).
  1. 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.
  1. Developer Experience
  • Enabled production source maps.
  • Cleaned up unused JavaScript and legacy patterns for maintainability.
  1. 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.
  1. Impact
  • Faster initial render and perceived load, steadier layouts, richer search appearance, improved accessibility and navigation—driving higher traffic, engagement, and conversions.