如何打造亚秒级加载的网页3——用户体验 小总结
嘿呀小伙伴好呀,国庆节玩得开不开心?快不快乐?
哈哈不管你开心还是不开心明天该上班的上班去,该上课的上课去咯
笔者也是玩了好些天之后才想起来把第三节给小伙伴们补完哈哈
附上前一二节的链接:
第一节——前端性能:https://www.cnblogs.com/mlw1814011067/p/9683919.html
第二节——网络性能:https://www.cnblogs.com/mlw1814011067/p/9703702.html
呐~我们就开始第三节了 写一个小总结呗
一个页面想让用户有一个良好的用户体验得先做好这三点
1. 前端性能——
前端性能在我们看来是最容易实现的,
因为市面上已经有很多现成的工具以及各种最佳实践,
照做很容易就能搞定
2. 网络性能——
网络性能是页面加载速度的最大影响因素,
同时也是最难优化的。
缓存和CDN是最有效的优化方法,
但需要注意到,这些机制只能对静态内容进行优化。
3. 后端性能——
后端性能主要取决于单台服务器的性能已经分布式环境的规模。
横向扩展非常难以实现,因此从一开始就要妥善考虑。
很多项目将缩放能力和性能放在最后考虑,
随着业务的增长最终将遇到非常棘手的问题
总结
在设计快速可缩放网站过程中,解决了很多性能瓶颈:
全面掌握关键呈现路径,充分理解网络方面的限制和缓存的重要性,
设计出一套可横向缩放的后端系统。
那么笔者也来推荐一些使用的工具吧,这些实用工具很适合用来解决某些具体的问题,
此外还可以通过移动页面加速(AMP)和Progressive Web Apps (PWA)实现更全面的优化、
但动态数据的缓存这个问题依然存在。
Baqend采取的方法是尽量减少前端Web开发的工作量,
通过JS SDK 从全面托管的Baqend云服务获得所需后端功能,
包括数据和文件的存储、(实时)查询、推送通知、用户管理、OAuth。以及访问控制。
通过使用完整的HTTP缓存体系,
该平台可以自动加速所有请求,
同时可用性与可缩放性也更有保障
到这里呢笔者关于网页的加载就告一段落了,有兴趣的小伙伴们可以去翻找我以前的博客鸭