Cara Meningkatkan Page Speed Website untuk SEO

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

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

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

# .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>

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

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

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

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

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

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

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

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

<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">

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;
}

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

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

Image Optimization:
- ShortPixel
- Imagify
- Smush

Performance:
- Autoptimize
- Perfmatters

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 affects speed:
- Shared hosting = slower
- VPS = faster
- Dedicated = fastest
- Managed WordPress = optimized

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

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