Netlify Skew Protection Test

This page demonstrates the Netlify skew protection feature, which adds the dpl query parameter to asset URLs (images, fonts, scripts, stylesheets).

Test Images (with skew protection)

This image has ?dpl=<deploy-id> appended to its URL:

Sample image demonstrating skew protection

Open DevTools and check the Network tab to see the ?dpl query parameter on the image URL.

Test Fonts (with skew protection)

Font preload tags and font requests now include ?dpl=<deploy-id>.

Open DevTools and check the Network tab to see the ?dpl query parameter on font requests.

Test Actions (with fetch headers)

Test View Transitions (with fetch headers)

Navigate to the other page to test view transitions with skew protection headers.