How We Achieved 90+ Mobile & 97 Desktop PageSpeed for Metal Tree
At KAS Web Technology, we believe performance isn’t an add-on—it’s the foundation of a successful website.
In this case study, we’ll show how we transformed the website of Metal Tree (Pre-Engineered Buildings Manufacturer) into a high-performance, SEO-optimized platform, achieving:
- 90+ Performance (Mobile)
- 97 Performance (Desktop)
- 100 Best Practices
- 100 SEO Score
All tested via Google PageSpeed Insights.
Performance Results
Mobile Performance
- Performance: 90
- Accessibility: 93
- Best Practices: 100
- SEO: 100
Desktop Performance
- Performance: 97
- Accessibility: 93
- Best Practices: 100
- SEO: 100
The Challenge
Before optimization, the client faced common issues:
- Slow loading speeds
- Heavy page builder bloat
- Poor Core Web Vitals
- Unoptimized images & scripts
- Inconsistent SEO structure
These issues were affecting:
- User experience
- Google rankings
- Conversion rates
Our Approach
Instead of patching problems, we rebuilt performance from the ground up.
1. Custom WordPress Theme (ACF + Gutenberg)
We avoided heavy page builders and created a fully custom theme using ACF Pro and Gutenberg blocks.
Why this matters:
- No unnecessary CSS/JS
- Clean, semantic HTML
- Full control over performance
2. Flexible Content with ACF
We implemented ACF Flexible Content Layouts, allowing dynamic sections without performance loss.
Benefits:
- Reusable blocks
- Structured content
- Faster backend editing
3. 🚀 Asset Optimization
We optimized all assets:
- Minified CSS & JS
- Deferred non-critical scripts
- Loaded scripts conditionally
- Removed unused libraries
4. Image Optimization
- Converted images to WebP
- Implemented lazy loading
- Optimized image sizes per device
5. Core Web Vitals Optimization
We focused on:
- LCP (Largest Contentful Paint) → Optimized hero section
- CLS (Cumulative Layout Shift) → Fixed layout shifts
- INP (Interaction to Next Paint) → Reduced JS blocking
6. SEO Optimization
- Proper heading hierarchy (H1–H6)
- Schema-ready structure
- Clean URLs
- Yoast SEO integration
The Results
After implementation:
- Lightning-fast load times
- Smooth mobile experience
- Improved search visibility
- Better user engagement
Custom Theme vs Page Builders
| Feature | Custom ACF Theme | Page Builders |
|---|---|---|
| Performance | 🔥 High | ⚠️ Moderate |
| Code Quality | Clean | Heavy |
| Flexibility | High | Limited |
| SEO | Excellent | Depends |
| Scalability | Strong | Restricted |
Key Takeaways
- Performance starts with architecture, not plugins
- Custom themes outperform page builders in speed
- ACF provides flexibility without compromising performance
- Core Web Vitals directly impact SEO & conversions
Client Impact
The optimized website now:
- Loads significantly faster
- Provides a better mobile experience
- Meets Google’s performance standards
- Supports business growth
Want Similar Results?
At KAS Web Technology, we specialize in:
- Custom WordPress Development
- High-Performance Websites
- SEO Optimization
- ACF & Gutenberg Solutions
Let’s Build a High-Performance Website for You
Stop relying on heavy page builders.
Get a fast, scalable, and SEO-friendly website today.
Contact us now to get started!