[转载] 全方位提升网站打开速度:前端、后端、新的技术 (8)

但这当然是一个测试场景,而不是一个具有真正用户的 web 应用。 所以让我们回到 Thinks 网上商城来看一个真实世界的例子。

Thinks 网上商城——所有的事实

当 DHDL("Shark Tank"的德国版)在 9 月 6 日播出时,有 270 万观众,我们坐在电视和我们的 Google 分析屏幕前,为 Thinks 创始人提出他们的产品而激动。

从他们开始演示起,网上商的并发用户数量迅速增加到大约 10,000,但真正的巅峰发生在广告休息时,当时突然有超过45,000 的并发用户来参观该店购买 Towell+:

[转载] 全方位提升网站打开速度:前端、后端、新的技术

Google 分析观测在商业广告时间之前开始。

Thinks 在电视播放的 30 分钟里,我们得到了 340 万的请求,300,000 位游客,高达 50,000 位的并发访问游客和高达每秒 20,000 个请求,所有这一切实现了在 CDN 级别的 98.5% 的缓存命中率,和平均为 3% 的服务器 CPU 负载

因此,页面加载时间为低于 1 秒,整个时间实现了 7.8% 的极大的转化率。

如果我们看看在同一集 DHDL 中展示的其他商城,我们会看到其中四个 完全崩溃了,剩下的商城只利用了极少的性能优化。

[转载] 全方位提升网站打开速度:前端、后端、新的技术

可用性概述和商城的 Google 页面速度得分,在 DHDL 上,于 9 月 6 日展示。

总结

我们已经看到了在设计快速和可扩展的网站时需要克服的瓶颈:我们必须掌握关键呈现路径,理解网络限制、缓存的重要性和具有水平可扩展性的后端设计。

我们已经看到了很多用来解决单个问题的工具,以及移动加速页面(AMP)和渐进式 web 应用(PWA),这些采取了更全面的做法。但是,缓存动态数据的问题仍然存在。

Baqend 的做法是减少 web 开发,将构建主要放在前端,通过 JS SDK 使用 Baqend 完全托管的云服务上的后端功能,包括数据和文件存储、(实时)查询、推送通知、用户管理和 OAuth 以及访问控制。该平台通过使用完整的 HTTP 缓存层次结构自动加速所有请求,并确保可用性和可扩展性。

[转载] 全方位提升网站打开速度:前端、后端、新的技术

我们对于 Baqend 的愿景是一个不需要加载时间的网站,并且我们想要给你到达这个目标的工具。

继续前往免费试用 .

PS:文章不错,忍不住转载了,转载链接是:https://github.com/xitu/gold-miner/blob/master/TODO/building-a-shop-with-sub-second-page-loads-lessons-learned.md

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjxwp.html