近几年,得益于移动终端的兴起,移动互联网获得了天翻地覆的变化,并且已成为新的商业战场。对于反应迟缓、用户体验差的移动站点和应用,用户会毫不犹豫地转投同类其它更优秀的产品作为替代。因此提高移动Web系统性能和体验已成为各大互联网公司所面临的主要课题。移动Web系统性能优化关键点之一就是降低用户访问延时。本文就针对于各类前端优化技术进行探讨和研究。本文以移动Web前端和Hybrid APP为研究对象,通过各类前端优化技术和框架,旨在设计出一套良好的前端优化解决方案和前端架构。从减少HTTP请求优化入手,对页面中HTTP请求过多问题进行探讨,给出多种技术解决方案。之后同现有技术进行对比分析其优势。最终在实际工作中投入使用,使得页面载入减少大约36%的加载时间。之后本文使用新一代HTML5移动存储技术Local Storage解决了过去Cookie等各种Web存储的弊端,并对Local Storage进行独立封装,目的是使得其API在易用性和性能上达到最优。论文最后使用移动前端Hybrid技术开发一款计算器移动应用APP,使用MVC思想构造Web前端架构,解决大型移动站点开发中架构组织和代码混乱等问题。通过HTML5、Javascript等前端技术为基础,在确保站点性能和页面加载速率前提下大量使用先进技术,同时在实际项目中进行优化与实践。前端技术依旧在不断的发展,本文所阐述的多种前端优化技术现阶段已投入于实际工作之中,不但大幅降低了HTTP请求和加快了移动端载入速度,并且经过实践总结为今后进一步优化打下了坚实的基础。