Hi,这是这个博客的第一篇文章
经过了一小段时间的开发终于有个初版能够上线使用,其中大多数是时间主要是在填坑,因为主要是后端方面比较薄弱,所以还在摸索学习中,这次博客的开发选型如下:
- Angular 9 + Angular Universal (Server Side Rendering)
- Node.js + Express
- MySQL
- Other Dependencies…
为什么选择 Angular Universal ?
标准的 Angular 应用会运行在浏览器中,它会在 DOM 中渲染页面,以响应用户的操作。 而 Angular Universal 会在服务端运行,生成一些静态的应用页面,稍后再通过客户端进行启动。 这意味着该应用的渲染通常会更快,让用户可以在应用变得完全可交互之前,先查看应用的布局。来源:Angular官网
- 通过搜索引擎优化利于爬虫抓取
- 更快的首屏渲染
- 体验更好,提升在手机和低功耗设备上的性能
但是服务端渲染也是有缺点的,比如网页响应可能会比较慢,其中需要经历接口请求-页面渲染等响应,才能将页面完整显示在用户前,在选型方面这点也是需要斟酌的。
优化方面
- 为了更加节省流量,大幅度降低传输数据大小,提高效率,Nginx 配置了 Brotli 压缩,经过测试首页原大小 24KB,经过 Btotli 压缩后,首页大小为 4.3KB
- 选择了腾讯云香港服务器,深圳访问延迟只有 10~15ms,目前来说访问速度还可以
- 样式方面做了自适应,方便用户通过手机浏览器访问
最后
很多地方还是有不足需要改进和优化的地方,会继续完善。🙋♂️
更新日志
- 2020年04月09日
通过配置 nginx 将 HTTP 1.1 升为 HTTP 2 - 2020年04月11日
新增文章评论功能
文章评论 (1)
Hoho