浏览器访问web项目页面CSS和JS文件加载时间太长，什么原因？？

Question

服务器环境：阿里云centos7.4 nginx1.14 php7.2 mysql5.7

项目在本地运行是没有问题的，加载也很快；但是部署到服务器上后，访问服务器上的web 项目，当浏览器清除缓存后，页面的一些js文件要加载40s才好，第二次访问就快了，然后再清除缓存又会加载好长时间。是不是没有把CSS和js文件压缩的原因呢。但是本地也是一样的代码，加载却很快。

Answer 1

首先说下为什么本地快，在阿里云上慢。请求实际是在网络上多个交换机之间跳转以后，然后才到达目的服务器。1、本地启动服务，本地访问页面，这个路由本来就很短。你在国外架设服务器，和在国内架设服务器，同样带宽的情况下，请求数据一般是国内的快一些。（这条的解决办法就是：CDN服务，阿里应该也有）2、阿里云服务的带宽可能比较小，这也是影响请求速度的原因。（这条的解决办法：增加带宽吧，阿里云服务器的带宽和CPU核数、内存一样，可以增加的，价格具体不清楚）3、还有就是，几个文件加载慢的文件比较大，加载时间长的这两个文件，一个3.5M，一个1.3M。首先可以压缩，然后根据业务进行可以拆分，实施懒加载，这样的话，加载速度可能会快一些。第二次加载比较快，是缓存的原因，因为本地js和css等的缓存，页面使用了缓存的js和css文件，清除以后，会重新加载这些文件，自然会慢很多。