前端优化中,压缩服务器的静态资源文件来提高页面的加载速度效果是比较明显的。
下面就来说一下Windows下用nginx简单模拟一下文件压缩的效果。
首先安装nginx,然后解压,接着在HTML目录里面写一个js文件,并且在index.html文件里面引入这个js文件。
然后启动nginx,可以用命令,我就直接双击了。
启动之后去访问localhost,然后禁用缓存,模拟第一次加载。这里我用的是edge最新版。接着可以看到js文件大小是3百多kb。
然后去到conf目录,配置nginx,开始压缩静态资源文件
gzip on标识开启压缩 gzip_types则是配置压缩的文件类型。
之后重启nginx,可以用命令关闭,因为我是Windows,所以就在任务管理器里面关闭。
重启之后再次刷新页面可以发现文件被压缩了,而且同之前相比非常小,这样当页面第一次加载时获取文件速度就会变得更快了
以上就是简单的文件压缩了,当然,前端一般只需要了解压缩可以达到优化即可,有机会实践一下也是可以的。