From Heavy to High-Performance

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