随着移动互联网的飞速发展,各式移动设备如手机、平板等成为继电脑之后人们又一重要的工作娱乐设备,而Web应用作为广义上跨平台跨设备的应用,也受到各开发者和消费者的青睐。互联网从文字时代、图片和GIF时代发展到如今的短视频时代,Web应用也变得功能更加的复杂,内容形式更加的多样。越来越庞大的数据信息量,不光对网络传输速率的要求提高,对Web应用的各方面的性能要求也有所提升。因而对缓存方案根据实际应用场景进行合理的设计,不仅可以提高Web应用的数据利用率和检索率,而且对服务器的响应速度也有显著提高。本文基于缓存技术优化Web前端性能,并根据不同缓存技术的应用区别和应用场景限制,选择客户端缓存和代理缓存结合的技术方案。结合用户公共出行的场景模式和用户在行程中的娱乐和工作的网络需求,通过搭建Web服务器、代理服务器和移动设备浏览器Web应用,实现车载环境下的WiFi和局域网娱乐资源提供,再对于一些在预设地理区域内会频繁更新的数据,研究利用位置信息来决策优化缓存方式,提出一套基于地理位置的判断机制的Web缓存新方案,从而实现对Web前端工程的性能优化。在新方案中对数据缓存模式做了适当改进,在数据缓存之前增加了位置判断机制,同时通过网络状态检测决定是否进行数据同步,最后将这一优化方案在在具体的Web应用中进行应用实验以验证其前端优化有效性。该Web前端优化方案一方面对浏览器客户端而言可以减少重复的网络请求,降低网络使用频率,另一方面对Web服务器而言减少了服务器的逻辑处理次数,减少服务器负载能耗,优化其相关性能。