网站性能系列
「已注销」
这个作者很懒,什么都没留下…
展开
-
vue cli4 bundle分割(单独打包第三方库文件,配置splitChunks)
项目中的第三方库默认会被打包到一个文件名含vendors的bundle中,如果你的项目里面引用的第三方库过多,那么你的vendors就会很臃肿,文件也会变大,网站加载该文件的时候就越耗时,从而影响网站性能。这个时候我们可以考虑把一些比较大的第三方库从vendors中分离出来,或者直接配置cdn。这里我们主要来讲如何在cli4中单独打包第三方库文件从而实现bundle分割,减小vendors...原创 2020-03-14 16:04:27 · 14316 阅读 · 0 评论 -
vue cli4 配置资源CDN
出于对网站性能的要求,有时候我们不希望一些比较大的第三方库直接打包到最后的bundle中,而会选择在打包的时候忽略他们,并直接使用CDN上面的资源。脚手架经过升级,cli4的相关配置都需要在vue.config.js这个文件中进行,如果你没有这个文件请自己新建一个(与package.json同级)。 这里我们首先配置configureWebpack的externals字段,把不需...原创 2020-03-14 16:25:55 · 6004 阅读 · 11 评论 -
nginx启用gzip(提升网站性能)
nginx服务器启用gzip可以对客户端请求的资源进行压缩,从而减少带宽和文件下载时间,提升网站加载速度。nginx关于gzip的配置内容如下: # 开启gzip gzip on; # 允许压缩文件的最小字节数,大于该阈值即可被压缩 gzip_min_length 1024; # 压缩级别1-9,级别越高,压缩率越大,越占用cpu时间 g...原创 2020-03-07 15:23:32 · 471 阅读 · 0 评论