Page speed adalah ranking factor Google dan mempengaruhi user experience secara langsung. Website lambat = bounce rate tinggi = ranking turun.

Kenapa Page Speed Penting?

Statistics:
- 53% users leave if >3 seconds load
- 1 second delay = 7% conversion loss
- Page speed is ranking factor (Google)
- Core Web Vitals impact ranking

Mengukur Page Speed

Tools

Google PageSpeed Insights
– pagespeed.web.dev
– Score 0-100
– Core Web Vitals data
GTmetrix
– gtmetrix.com
– Detailed waterfall
– Historical tracking
WebPageTest
– webpagetest.org
– Multiple locations
– Video comparison

Target Metrics

Good scores:
- LCP (Largest Contentful Paint): <2.5s
- FID (First Input Delay): <100ms
- CLS (Cumulative Layout Shift): <0.1
- PageSpeed Score: 90+

Cara Meningkatkan Page Speed

1. Optimasi Gambar

Actions:
- Compress images (TinyPNG, Squoosh)
- Use WebP format
- Resize to display dimensions
- Implement lazy loading
- Use CDN for images

Impact: 40-80% size reduction possible

2. Enable Browser Caching

# .htaccess
<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"
</IfModule>

3. Minify CSS/JS

Minification:
- Remove whitespace
- Remove comments
- Shorten variable names
- Combine files

Tools:
- UglifyJS (JavaScript)
- CSSNano (CSS)
- Terser (modern JS)
- Build tools (Webpack, Vite)

4. Enable Compression

# .htaccess - Enable Gzip
<IfModule mod_deflate.c>
  AddOutputFilterByType DEFLATE text/html
  AddOutputFilterByType DEFLATE text/css
  AddOutputFilterByType DEFLATE application/javascript
  AddOutputFilterByType DEFLATE application/json
</IfModule>

5. Use CDN

CDN benefits:
- Faster global delivery
- Reduced server load
- Better uptime
- DDoS protection

Popular CDNs:
- Cloudflare (free tier)
- BunnyCDN
- Fastly
- AWS CloudFront

6. Reduce HTTP Requests

Methods:
- Combine CSS files
- Combine JS files
- Use CSS sprites
- Inline critical CSS
- Remove unused code

7. Defer Non-Critical JS

<!-- Defer loading -->
<script src="script.js" defer></script>

<!-- Async loading -->
<script src="analytics.js" async></script>

8. Preload Critical Resources

<link rel="preload" href="critical.css" as="style">
<link rel="preload" href="font.woff2" as="font" crossorigin>
<link rel="preconnect" href="https://cdn.example.com">

9. Optimize Fonts

Font optimization:
- Use system fonts when possible
- Subset fonts (only needed characters)
- Use font-display: swap
- Preload important fonts
- Limit font weights/styles

@font-face {
  font-family: 'CustomFont';
  src: url('font.woff2') format('woff2');
  font-display: swap;
}

10. Database Optimization

For WordPress/dynamic sites:
- Clean post revisions
- Optimize database tables
- Use object caching (Redis)
- Limit plugins
- Use efficient queries

WordPress Specific

Recommended Plugins

Caching:
- WP Rocket (paid, best)
- LiteSpeed Cache (free)
- W3 Total Cache (free)

Image Optimization:
- ShortPixel
- Imagify
- Smush

Performance:
- Autoptimize
- Perfmatters

Quick Wins

1. Enable caching plugin
2. Use image optimizer
3. Choose fast hosting
4. Use lightweight theme
5. Limit plugins to essential
6. Enable CDN

Hosting Impact

Hosting affects speed:
- Shared hosting = slower
- VPS = faster
- Dedicated = fastest
- Managed WordPress = optimized

Good hosts for speed:
- Cloudways
- Kinsta
- SiteGround
- A2 Hosting

Testing Checklist

Before optimization:
☐ Record baseline scores
☐ Screenshot current metrics
☐ Note current load time

After each change:
☐ Clear all caches
☐ Test multiple times
☐ Test different pages
☐ Check mobile and desktop

Monthly:
☐ Re-test page speed
☐ Check for regressions
☐ Monitor Core Web Vitals in GSC

Kesimpulan

Page speed optimization adalah kombinasi dari multiple factors. Mulai dari yang impact paling besar (images, caching) dan terus optimize secara bertahap. Target minimal score 90+ di PageSpeed Insights.

Cara Meningkatkan Page Speed Website untuk SEO