Csp Assets May 2026
Most teams can't answer this instantly. Between first-party code, analytics tags, chatbots, and font CDNs, the list of grows daily.
In plain terms, CSP assets are the building blocks of your website (JavaScript, CSS, images, fonts) plus the security rules that tell the browser which blocks are safe to load. csp assets
# Crawl your site to list all assets csp-scanner scan https://yoursite.com --output assets.json Most teams can't answer this instantly
Without strict CSP asset management, attackers can inject malicious scripts into your webpages—stealing user data, session cookies, or defacing your site. # Crawl your site to list all assets
Every script, style, and font on your site is an asset that needs permission to load. Content Security Policy (CSP) is the bouncer.
| Asset Type | Description | Management Strategy | | :--- | :--- | :--- | | | JavaScript files (first-party & third-party). | Use 'nonce-random' for dynamic scripts; 'sha256-hash' for static inline scripts. | | Style Assets | CSS files and inline styles. | Apply 'unsafe-inline' only if necessary; prefer nonces or hashes. | | Font Assets | Web fonts (e.g., .woff2). | Define font-src directive (e.g., font-src 'self' https://fonts.gstatic.com ). | | Image Assets | Images loaded via or CSS. | Use img-src 'self' data: https: for remote images. | | Connect Assets | APIs, WebSockets, EventSource. | Define connect-src (e.g., connect-src 'self' https://api.example.com ). |
echo -n "alert('safe')" | openssl dgst -sha256 -binary | base64 Output: 'sha256-abc123...'