正常构建
在前端应用程序中创建普通构建对于将应用程序部署到Web服务器或内容传递网络(CDN)很有用,用户可以通过Web浏览器访问它。
Angular中的一种普通构建可以从Web服务器提供一组优化的静态文件,包括JavaScript,HTML和CSS。这些文件是针对性能进行了优化的,包括摇晃,提前(AOT)汇编和缩小的功能,可以减少应用程序的大小并改善其负载时间。
在前端应用中使用普通构建有几个好处:
性能:可以使用摇摇欲坠,AOT汇编和缩小的功能来优化正常构建。这可以帮助减少应用程序的大小并改善其负载时间。
兼容性:普通构建可以部署到支持静态文件托管的任何Web服务器或CDN,从而易于将您的应用程序分配到各种设备和平台。
安全性:可以通过https提供普通构建,从而提供服务器和浏览器之间的安全通信。
可维护性:正常构建可以轻松更新和部署,从而使您可以快速更改和改进应用程序。
总而言之,在Angular中创建正常构建对于将应用程序部署到Web服务器或CDN很有用,并且可以提供改善性能,兼容性,安全性和可维护性等好处。
SSR构建
在浏览器中运行的前端JavaScript框架。首次加载Angular应用程序时,将整个应用程序下载到浏览器,包括所有JavaScript,HTML和CSS文件。这可能会导致加载时间缓慢和用户体验差,尤其是在较慢的Internet连接或移动设备上。
服务器端渲染(SSR)可以通过在服务器上的初始HTML预先渲染并将其发送到浏览器来帮助提高应用程序的性能。这意味着用户可以更快地看到内容,即使在较慢的连接下,应用程序也会感觉更快。
使用具有角度的SSR有几个好处:
更快的加载时间:通过渲染服务器上的初始HTML,用户可以更快地看到内容,从而可以改善用户体验。
更好的SEO:搜索引擎可以更轻松地爬网和索引服务器渲染的页面,这可以提高搜索结果中应用程序的可见性。
改进的性能:通过减少浏览器渲染页面所需的工作量,您可以提高应用程序的性能并减少用户设备上的负载。
可访问性:服务器端渲染可以使您的应用程序更依赖屏幕阅读器或其他辅助技术的用户。
总而言之,在Angular中创建SSR构建可以帮助提高应用程序的性能和用户体验,并可以使其更容易访问和友好。