构建现代Web应用:5个基本的前端架构原则

本文翻译自 Building modern Web Applications: 5 Essential Frontend Architecture Principles,作者:Patrick Roos, 略有删改。

在这篇文章中,我提出了构建现代前端的五个架构原则。我第一次听到这些原则是在Natalia Venditto的一次精彩演讲中。他们打开了我的视野,所以我试图更详细地解释这些原则和我的理解。

在她的演讲中,她将前端架构的原则分为两部分。

  • 我们应该始终遵循的原则。

    • 原则1:异步或延迟加载
    • 原则2:有意识地进行Tree-shake、打包和清除无用代码
    • 原则3:设定和遵守性能预算
  • 可能的情况下我们应该遵循的原则。

    • 原则4:坚持Web平台API和Web标准
    • 原则5:使用新一代前端框架

原则1:异步或延迟加载

这是一个我们应该始终遵循的原则。

在前端开发中,图像、字体和JavaScript等Web资产的加载策略是关键。

值得一提的是,Google的核心价值观核心要素是定义Web应用程序用户体验的指标。这些指标也会被Google搜索引擎仔细检查。

特别是在客户端渲染场景中,JavaScript模块的加载至关重要。如果我们想加载JavaScript,有三种主要的方法可以做到这一点:

  • 标准方法(不推荐)
  • 使用defer关键字(根据此原则推荐)
  • 使用async关键字(根据此原则推荐)

标准的方式

让我们来看看标准的方法。标准的方式是在html标记中使用一个普通的

你可能感兴趣的:(前端JS那些事,前端,代码规范,架构,web)