The 3 AM Call That Changed Everything
My phone rang at 3:17 AM. It was a client in Davao who sold organic cacao products online. “Chad, our sales dropped 70% yesterday. Google says our site has poor user experience. What does that even mean?”
I stumbled to my laptop, pulled up their site, and ran a PageSpeed test. The results were brutal: LCP 8.2 seconds, CLS 0.45, FID 280ms. Their Core Web Vitals were failing spectacularly.
That night became a crash course in performance optimization. I spent the next 48 hours transforming their site from a slow-loading liability into a speed demon. Two weeks later, their sales were not just recovered – they were up 40% from before the crash.
Let me share exactly what I did, so you can avoid those 3 AM panic calls.
Core Web Vitals Demystified (Finally)
Look, I know Core Web Vitals sounds like technical jargon designed to confuse us. But it is actually pretty simple once you break it down:
Largest Contentful Paint (LCP) – The First Impression
This measures how long it takes for your main content to appear. Think of it as the “is this site actually working?” metric. Google wants to see this under 2.5 seconds.
For my Davao client, their hero image was 2.1MB – no wonder their LCP was 8+ seconds! I compressed it to 150KB and their LCP dropped to 1.8 seconds instantly.
Cumulative Layout Shift (CLS) – The Annoyance Factor
You know when you are about to click something, then the page shifts and you click the wrong thing? That is CLS. Google wants this to be under 0.1.
The client is site had ads loading above the fold without specified dimensions. Every time an ad loaded, the entire page would jump. I added width and height attributes to all images and ads, and CLS dropped from 0.45 to 0.05.
First Input Delay (FID) – The Responsiveness Test
This measures how long it takes for your site to respond when someone tries to interact with it. Think clicking buttons, filling forms, etc. Google wants this under 100ms.
The client was using three different analytics scripts that were all fighting for resources. I consolidated them and delayed non-critical JavaScript. FID went from 280ms to 45ms.
My Exact Optimization Workflow
After that emergency call, I developed a systematic approach to Core Web Vitals optimization. Here is my step-by-step process:
Step 1: The Audit (Be Brutally Honest)
Start with Google PageSpeed Insights and GTmetrix. Do not just look at the scores – dig into the actual metrics. I keep a spreadsheet tracking LCP, CLS, and FID for every project.
Pro tip: Test both mobile and desktop. Mobile scores are usually worse, and that is what Google cares about most.
Step 2: Image Optimization (The Quick Wins)
Images are usually the biggest culprit. Here is my exact process:
- Compress everything: Use ShortPixel or Smush – aim for under 200KB per image
- Convert to WebP: 25-35% smaller than JPEG with same quality
- Lazy load below the fold: Use native WordPress lazy loading
- Add dimensions: Always include width and height attributes
- Use responsive images: WordPress does this automatically if you upload correctly
Step 3: JavaScript Cleanup (The Technical Part)
This is where most developers mess up. Here is what I do:
- Defer non-critical JS: Use the defer attribute for everything except essential functionality
- Remove unused plugins: Every plugin adds bloat – be ruthless
- Minify everything: Use Autoptimize or similar plugin
- Host fonts locally: Google Fonts can slow you down
Step 4: Server Optimization (The Foundation)
No amount of frontend optimization can fix a slow server:
- Good hosting: Shared hosting will not cut it for serious sites
- PHP 8.1 or higher: Performance improvements are significant
- Object caching: Redis or Memcached makes a huge difference
- CDN: Cloudflare or similar – non-negotiable for Philippine sites serving international traffic
The Plugin Stack That Actually Works
I have tested dozens of speed optimization plugins. Here is my current stack that consistently delivers 95+ scores:
Essential Plugins:
- Perfmatters: Disables unnecessary WordPress features
- FlyingPress: Caching and optimization (better than WP Rocket in my tests)
- ShortPixel: Image compression and WebP conversion
- Asset CleanUp: Removes unused CSS/JS per page
Advanced Options:
- Object Cache Pro: For high-traffic sites
- Query Monitor: Identify slow database queries
- WebP Express: If your host does not support WebP natively
Real Results from Real Projects
Let me share some actual numbers from projects I have optimized:
E-commerce Site (Manila)
- Before: LCP 6.2s, CLS 0.35, FID 180ms, Score 42
- After: LCP 1.4s, CLS 0.02, FID 32ms, Score 97
- Result: 35% increase in conversion rate
Blog Site (Cebu)
- Before: LCP 4.1s, CLS 0.15, FID 120ms, Score 68
- After: LCP 1.6s, CLS 0.03, FID 28ms, Score 96
- Result: 50% increase in page views per session
Corporate Site (BGC)
- Before: LCP 5.8s, CLS 0.28, FID 150ms, Score 55
- After: LCP 1.3s, CLS 0.01, FID 25ms, Score 98
- Result: 28% decrease in bounce rate
Common Mistakes That Kill Your Scores
I have seen these mistakes over and over. Avoid them:
Mistake 1: Oversized Images
Uploading 4000px wide images for a 1200px container. Always resize before uploading.
Mistake 2: Too Many Plugins
Every active plugin adds overhead. If you are not using it weekly, deactivate it.
Mistake 3: Cheap Hosting
You cannot optimize your way out of bad hosting. Invest in quality hosting from the start.
Mistake 4: Ignoring Mobile
Testing only desktop scores. Mobile performance is what matters for rankings.
Mistake 5: Set It and Forget It
Performance degrades over time. Schedule monthly audits.
Monitoring and Maintenance
Optimization is not a one-time thing. Here is my monthly routine:
Weekly Checks:
- Run PageSpeed tests on key pages
- Check Google Search Console for Core Web Vitals issues
- Monitor site speed from different locations
Monthly Tasks:
- Update all plugins and themes
- Clean up database (optimize tables, delete spam comments)
- Review and remove unused plugins
- Check for new optimization opportunities
Quarterly Deep Dives:
- Full performance audit with multiple tools
- Review hosting performance and consider upgrades
- Analyze user experience metrics
- Plan optimization roadmap for next quarter
The ROI of Speed Optimization
Let me be direct: speed optimization pays for itself. Here is the math:
My Davao client spent PHP 30,000 on optimization. Their monthly revenue increased by PHP 50,000. The ROI was realized in less than 3 weeks.
But it is not just about money. Fast sites rank better, convert better, and provide better user experiences. In the competitive Philippine market, speed can be your competitive advantage.
Your Action Plan
Ready to optimize your site? Here is your 30-day action plan:
Week 1: Audit and Quick Wins
- Run full performance audit
- Compress all images
- Remove unused plugins
- Set up caching
Week 2: Technical Optimization
- Optimize JavaScript loading
- Clean up database
- Implement lazy loading
- Add proper image dimensions
Week 3: Advanced Optimization
- Set up CDN
- Optimize server configuration
- Implement WebP images
- Fine-tune caching settings
Week 4: Monitor and Iterate
- Monitor Core Web Vitals
- Make adjustments based on real user data
- Document what worked
- Plan ongoing maintenance
The Bottom Line
Core Web Vitals are not going away. Google is getting stricter, not more lenient. But here is the good news: optimizing for Core Web Vitals also optimizes for user experience and business results.
That 3 AM call from my Davao client? It turned into a long-term partnership. Their site now consistently scores 98+, their sales are up 60% year-over-year, and they refer me to other businesses.
Speed optimization is not just about appeasing Google. It is about providing better experiences for your users. And when you do that, everything else follows.
Need help achieving 95+ Core Web Vitals scores? Let is optimize your site for speed and conversions. Check out my comparison of block editor vs page builders – both approaches can achieve great scores when optimized correctly.