手机淘宝H5容器架构演进历程与关键点

《手机淘宝H5容器的架构演进》是鬼道（徐凯）在ArchSummit北京2015年的一场演讲，主要探讨了手机淘宝在处理H5网页应用加载和用户体验方面的技术变迁。该演讲涵盖了从2011年的Symbian时代到2015年的架构更新，包括对HTTP-DNS、SPDY等技术的应用以及对HybridAPI的引入。 首先，演讲者介绍了鬼道个人背景，他在2015年专注于H5技术和移动端体验。在2013年，随着Web技术的发展，淘宝开始将其服务扩展到平板设备，如iPad的移动版。早在2011年，他们已经支持了多个平台，如Symbian、Android、iOS等，并开发了相应的SDK以适应不同的操作系统。 在架构演进部分，演讲详细阐述了从2015年开始的变革，比如通过预加载技术提高页面加载速度，虽然在某些情况下预加载被标记为不适用。流程改进方面，通过如BmP;:WWW(这样的流程图展示了优化过程，目标是提升性能并减少加载时间。 在项目实施中，涉及的部门众多，包括无线事业部、天猫事业部、淘宝技术部、聚划算事业部等，共计130个团队参与。应用范围广泛，包括核心业务的不同模块。资源加载时间是一个关键指标，他们追求极致性能，但在2015年初遇到了挑战，如Badcase问题。通过15年11月的活动，到达率达到了86%和98%，显示了技术改进的有效性。 网络优化方面，针对下载时和iOS平台，采用了HTTP-DNS、SPDY等技术。此外，还讨论了对Android设备的优化，如使用UC୑ྍᗑᕶളݗ的URLProtocol，以及如何利用服务器进行网络拦截来提升用户体验。在底层网络协议上，从HTTP升级到SPDY，甚至考虑了SSL和TCP等更高级的连接方式。 最后，前端优化也是演讲的重要内容，包括针对不同层次的优化，如Application层、Session层、Presentation层和Transport层，以及针对SPDY的1.0和2.0版本的优化。这些措施旨在确保H5容器在移动设备上的流畅性和效率。 总结来说，《手机淘宝H5容器的架构演进》分享了淘宝在移动互联网环境下，如何通过技术革新和团队协作，不断优化H5应用的加载速度、用户体验和网络效率，展现了他们在技术演进中的实践和成果。