我一直在读关于利用cdn来提高web应用程序速度的文章。我正在开发一个react应用程序,我正在使用css的触笔。我目前的项目结构是这样的:每个组件或页面都有自己独立的本地手写笔文件。因此,通过这种方式,我尽量使每个组件的syle保持隔离,以便易于维护。但大多数情况下,所有的手写笔文件都有1000行左右的代码,这对于所有的手写笔文件来说都是通用的。这会降低应用程序的加载速度。我正在考虑把css放在cdn上。我想这样会更快。在我现在的项目结构下,我该怎么做呢?
现在,我在每个组件中都包含了这样的手写笔
import c from "./reviews.styl"
render
问题:我们已经建立了一个CDN提供者作为我们的静态映像文件服务器的代理。几个小时后,我们经历了大量的TCP,SYN下降率和异常高数量的孤立连接。
观察是为了解决这个问题:我捕获了1.5秒的服务器流量,并检查了一些图像下载。令人怀疑的是,nginx --它几乎配置了缺省值--正在响应CDN服务器的FIN数据包,而不是使用FIN/ACK。在nginx的ACK之后,连接端口上会有整整一秒的沉默,这意味着服务器没有什么可以发送的了。由于交通拥堵,我无法捕捉超过1.5秒。
下面是一个示例TCP连接的摘要:
No. Time Source Destination Proto