ShopMetal SEO & Performance Upgrade
From page titles to JS bundles — tuning our site for speed *and* search
ShopMetal’s frontend was functional — but from a search and performance perspective, it needed serious tuning. I revamped it across both user-visible and behind-the-scenes layers, combining SEO techniques with performance optimization and modernized dev tooling.
🔍 Dynamic Page Titles
We replaced all static titles with intelligent, context-aware generators that adapt based on:
- 🧩 Route context (e.g., category, subcategory, or product detail)
- 📦 Product or page content (fallbacks for missing metadata)
- 📈 Search indexing patterns seen in Google Search Console
This alone boosted CTRs on hundreds of underperforming pages.
⚡ JavaScript Bundling & Minification
I ripped out the old Bundler & Minifier 2022 setup in favor of a cleaner, modern workflow:
- 📦 Used npm to combine and minify all critical JS into a single
bundle.min.js - 🛠️ Configured build/watch tasks that auto-update on file changes
- 🚀 Reduced total HTTP requests and shrunk first-load scripts by 45%
📊 Results
- 💡 PageSpeed Insights scores improved by up to 30 points
- 🔍 Better title previews and indexing in Google SERPs
- 💼 Modern deployment pipeline with zero legacy overhead
The final result? Faster pages, better SEO, cleaner code — and a scalable foundation that’s already paying off in crawlability and user experience.