Content Security Policy

Content Security Policy 简称CSP（内容安全策略）

Web领域的知识博大精深，搞Web开发也几年了，我还是头一次听说CSP。

经合肥网友和@jackjin的反馈，FCC中文社区课程引导页打开速度过慢，性能堪忧，并提供了测试图表。

我打开Network面板，发现确实如此。

引导页一次性载入大量的图片和js，体积大，

而服务器带宽为固定1M，所以在加载资源这块耗费了大量时间。

仔细研究，解决方案如下：

1、部分文件没被压缩，1.2Mb的js直接返回。添加服务器端压缩后，只有314kb，压缩后体积仅为之前的25%。

2、直接添加服务器带宽到10M，这种只需花钱就能搞定的问题来得最简单直接，但是FCC本身就一个公益项目，该省就省。

3、添加七牛CDN。

本机测试OK，测试环境OK，但上线后控制台会报错，js无法成功加载。

测试环境：http://45.78.62.30:3000/challenges/use-responsive-design-with-bootstrap-fluid-containers

线上环境：https://freecodecamp.cn/challenges/use-responsive-design-with-bootstrap-fluid-containers

从控制台能看出线上环境报错，但大家很明显能看到'style-src'指令中是已经配置了*.googleapis.com的。

但不知为何还会报此错误，真是让人百思不得其解。

有哪位高手能帮忙解答下，感激不尽啊。