客户端H5前端如何优化
来源：南宁天琥设计培训学校
南宁天琥设计培训学校为大家详述，HTML 缓存 先接着缓存说，在客户端有更自由的缓存策略，客户端可以拦截 H5 页面的所有请求，由自己管理缓存，针对上述 HTML 文件的“缓存”和“更新”之间的矛盾，我们可以用这样的策略解决： 在客户端拦截请求，第1次请求 HTML 文件后缓存数据，第二次不发请求，直接使用缓存数据。 什么时候去请求更新？这个更新请求可以客户端自由控制策略，可以在使用本地缓存打开本地页面后再在后台发起请求询问更新缓存，下次打开时生效；也可以在 APP 启动时或某个时机在后台去发起请求预更新，提升用户访问醉新代码的几率。 这样看起来已经比较完美了，HTML 文件在用客户端的策略缓存，其余资源和数据沿用上述前端的缓存方式，这样一个 H5 页面第二次访问从 HTML 到 JS/CSS/Image 资源，再到数据，都可以直接从本地读取，无需等待网络请求，同时又能保持尽可能的实时更新，解决了缓存问题，大大提升 H5 页面首屏启动速度。 问题 上述方案似乎已完整解决缓存问题，但实际上还有很多问题： 没有预加载：第1次打开的体验很差，所有数据都要从网络请求。 缓存不可控：缓存的存取由
详细
