CDNの役割
Content Delivery Network (CDN)は、コンテンツを地理的に分散して配信し、レスポンス時間を短縮します。
CDN最適化テクニック
エッジロケーション活用
// Cloudflare Workers Example
addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
const cache = caches.default
const response = await cache.match(request)
if (response) return response
const fetchResponse = await fetch(request)
event.waitUntil(cache.put(request, fetchResponse.clone()))
return fetchResponse
}画像最適化
- 自動フォーマット変換: WebP/AVIF対応
- レスポンシブ画像: デバイスに応じたサイズ
- 画質調整: 適切な圧縮率
キャッシュ戦略
# 静的アセット
location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
expires 1y;
add_header Cache-Control "public, immutable";
}
# HTMLファイル
location ~* \.html$ {
expires 1h;
add_header Cache-Control "public, must-revalidate";
}パフォーマンスメトリクス
- Cache Hit Ratio: 90%以上が理想
- Origin Shield: オリジンサーバーの負荷軽減
- Smart Routing: 最適な経路選択