文章插图
image
然后访问我们的网站,结果如图,我又意识到,我没搞HTTPS,所有的请求由于强制走https,所以无法访问了 。
文章插图
image
所以我们需要在阿里云的控制台对CDN添加https支持,也就需要导入你网站的https证书:
由于我服务器就在阿里云,并且证书也是阿里云开的一年免费https,所以可以一键导入进来 。
文章插图
image
导入完成后,再次访问网站,在第一次较慢的加载后,重新加载,这次只用了892ms,就加载完毕了该js文件:
文章插图
image
至此,新用户访问网站几乎可以在2s内显示出全部内容 。
PS:用了CDN后,会在阿里云的边缘节点缓存你的静态文件,所以读取的js文件大小是未压缩前的大小 。(这一点我是这么认为的,但并不肯定正确)
其它可行方法:Cloudflare免费CDN
Cloudflare特别适合国外服务器网站的加速,经测试,我的阿里云服务器放在上面,加速效果并不是特别明显 。
参考:https://www.wn789.com/15161.html
文章插图
image
文章插图
image
总结以上就是我使用的一些优化方法,达到加速网站静态文件加载的目的 。
经过这些优化后,网站的加载速度从极端情况下的15s,变成了2s内 。
当然,以上只是很小一部分方法,还有很多优化的方式,适合不同体量的网站,和不同的使用场景,这里权当抛砖引玉 。
关注我我目前是一名后端开发工程师 。主要关注后端开发,数据安全,网络爬虫,物联网,边缘计算等方向 。
微信:yangzd1102
Github:@qqxx6661
个人博客:
- CSDN:@Rude3Knife
- 知乎:@Zhendong
- 简书:@蛮三刀把刀
- 掘金:@蛮三刀把刀
【Nginx启用Gzip/全站CDN加速】
推荐阅读
- Nginx 模块的基本结构
- 搞定Nginx高并发原理:多进程单线程和多路IO复用模型
- Nginx记录日志到systemd journal
- 你必需知道的10个 Nginx 常用命令
- 教你使用nginx部署网站教程
- 欧盟新规启用致我茶叶出口检测费用增加
- nginx配置实例-反向代理
- Nginx基础知识从小白到入门
- 如何启用React并发模式
- 使用ffmpeg及nginx实现直播、点播、安防监控