The article highlights several best practices for using JavaScript effectively on ecommerce websites while maintaining strong SEO performance. Here are some key takeaways from each example:
1. Under Armour: Faceted Navigation with JavaScript
- Use Case: Faceted navigation where filters update the product grid without a full page reload.
- Implementation: Uses Next.js router to update URLs dynamically, ensuring that filter selections persist even when users navigate away and return.
- SEO Benefit: Clean, readable query strings in URLs make it easier for search engines to understand and index filtered views.
2. Manors Golf: Loading Third-Party Scripts
- Use Case: Managing third-party scripts (e.g., Klaviyo, TikTok) without blocking the initial page load.
- Implementation: Loads external scripts with
asyncattribute to prevent them from blocking HTML parsing. - SEO Benefit: Improves Core Web Vitals like Largest Contentful Paint (LCP), which helps in faster rendering and better user experience.
3. Under Armour: Handling Faceted Navigation
- Use Case: Implementing faceted navigation that updates dynamically without reloading the page.
- Implementation: Uses Next.js router to update URLs with query
Read the full article at Search Engine Land
Want to create content about this topic? Use Nemati AI tools to generate articles, social posts, and more.

![[AINews] The Unreasonable Effectiveness of Closing the Loop](/_next/image?url=https%3A%2F%2Fmedia.nemati.ai%2Fmedia%2Fblog%2Fimages%2Farticles%2F600e22851bc7453b.webp&w=3840&q=75)



