CloudFront
Every CloudFront distribution with hit ratio, requests per hour, error rate and origin latency.
What this pane shows
Per-distribution metrics for the last 24 hours: cache hit ratio, requests per hour, error rate (4xx + 5xx), and origin latency. A trend line on each metric makes regressions easy to spot. Distributions failing to maintain a healthy hit ratio (which directly drives cost and origin load) are flagged.
Key use cases
- Catch a distribution whose hit ratio dropped after a cache-key change.
- Investigate why origin latency spiked during a deploy.
- Quantify how much origin traffic CloudFront is actually offloading.
- Audit error rates across customer-facing distributions.
How to embed
lp.js is the single-entry loader: it injects the shared LightPane runtime
(and sd-embed.css) once per page. Add this pane's own stylesheet and script;
the pane mounts itself wherever the matching <div> is in the DOM.
<!-- In <head> — this pane's stylesheet -->
<link rel="stylesheet" href="https://lightpane.io/_pane-tests/aws/cloudfront/cloudfront.css">
<!-- Your access key (inline, or set window.lpEmbed.accessKey from your own JS) -->
<script>window.lpEmbed = { accessKey: "<your-access-key>" };</script>
<!-- Where the pane should appear -->
<div class="lp-cloudfront-panel" data-lp-account="<your-account-alias>"></div>
<!-- Before </body> — shared loader + this pane's script -->
<script src="https://lightpane.io/embed/lp.js"></script>
<script src="https://lightpane.io/_pane-tests/aws/cloudfront/cloudfront.js" defer></script>
Tier
Available on Explorer and above.
Build notes
Stage 2 wiring (2026-04-28): distribution inventory live via lp-fetch.js (service cloudfront — global service, fetched in us-east-1); per- distribution sparklines via lpFetch.metrics() over CloudWatch GetMetricData (also us-east-1)
Mock-only at the moment — live-wiring tracked in the roadmap.