Solve CloudFlare's 'Auto Minify' and Subresource Integrity Conflict
in Web Dev
Last updated:
After implementing subresource integrity andswitching over to CloudFlare, I noticed resources like CSS and JavaScript were breaking on my site. I ran into the same issue as this guy. CloudFlare presents these options and I didn't think twice about turning them on.
Because there's an integrity hash on these files, they fail to load when modified. CloudFlare's 'auto-minification' changes, causing the hash check to fail.
After turning off these optimizations, CSS and JavaScript started loading again (after purging the cache). I still want to minify my CSS and JS, but I'll have to implement it on the server side.
Comments
- No comments yet.
Related Posts
Improving Security With SRI: From F to B on Mozilla Observatory
4 min readLearn how to implement SRI and improve security, including how to generate cryptographic hashes and use the django-sri module | A Step-by-step guide
How I Improved My Security Score With Mozilla Observatory: A Guide
13 min readDiscover how to improve your rating using Mozilla Observatory's security assessment tool. See the steps I took to upgrade my score from a 'F' to an 'A+'.
0
Switching to Nginx and Gunicorn: Updating My Blog's Web Server
1 min readUpgrade your server and application with this step-by-step guide on migrating from Apache to Nginx and Gunicorn. Improve website speed and security!
0
John Solly
Hi, I'm John, a Software Engineer with a decade of experience building, deploying, and maintaining cloud-native geospatial solutions. I currently serve as a senior software engineer at HazardHub (A Guidewire Offering), where I work on a variety of infrastructure and application development projects.
Throughout my career, I've built applications on platforms like Esri and Mapbox while also leveraging open-source GIS technologies such as OpenLayers, GeoServer, and GDAL. This blog is where I share useful articles with the GeoDev community. Check out my portfolio to see my latest work!
0