Hello~ 这是本博客的第一篇文章!

Hello~ 这是本博客的第一篇文章!

2020年04月02日 17:53 · 周四/阅读 612 次/评论 1 条

Hi,这是这个博客的第一篇文章

经过了一小段时间的开发终于有个初版能够上线使用,其中大多数是时间主要是在填坑,因为主要是后端方面比较薄弱,所以还在摸索学习中,这次博客的开发选型如下:

  • Angular 9 + Angular Universal (Server Side Rendering)
  • Node.js + Express
  • MySQL
  • Other Dependencies…

为什么选择 Angular Universal ?

标准的 Angular 应用会运行在浏览器中,它会在 DOM 中渲染页面,以响应用户的操作。 而 Angular Universal 会在服务端运行,生成一些静态的应用页面,稍后再通过客户端进行启动。 这意味着该应用的渲染通常会更快,让用户可以在应用变得完全可交互之前,先查看应用的布局。来源:Angular官网

  1. 通过搜索引擎优化利于爬虫抓取
  2. 更快的首屏渲染
  3. 体验更好,提升在手机和低功耗设备上的性能

但是服务端渲染也是有缺点的,比如网页响应可能会比较慢,其中需要经历接口请求-页面渲染等响应,才能将页面完整显示在用户前,在选型方面这点也是需要斟酌的。

优化方面

  1. 为了更加节省流量,大幅度降低传输数据大小,提高效率,Nginx 配置了 Brotli 压缩,经过测试首页原大小 24KB,经过 Btotli 压缩后,首页大小为 4.3KB
  2. 选择了腾讯云香港服务器,深圳访问延迟只有 10~15ms,目前来说访问速度还可以
  3. 样式方面做了自适应,方便用户通过手机浏览器访问

最后

很多地方还是有不足需要改进和优化的地方,会继续完善。🙋‍♂️

更新日志

  • 2020年04月09日
    通过配置 nginx 将 HTTP 1.1 升为 HTTP 2
  • 2020年04月11日
    新增文章评论功能

分类:笔记

更新 :2021年03月03日 12:02 · 周三

版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明出处!

本文作者: Hoho

本文链接: https://www.xinhaoxx.com/post/hello-world

文章评论 (1)

  • Hoho

    #1评论于 2020年04月11日 18:36 · 周六回复
    这是第一条评论 😎