2 qq954393932 qq954393932 于 2016.03.23 16:41 提问

纯H5应用打开页面时花费很多流量。

刚刚做的H5应用,用了mui,bootstrap框架,打开页面时,100k,100k的加载,感觉好费流量,各位大牛有什么好的优化方案吗?

1个回答

caozhy
caozhy   Ds   Rxr 2016.03.23 16:59

尽量少用图,css js html都要压缩下,特别js,尽量ajax懒惰加载,服务器开启gzip

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
H5打开APP技术总结
在H5页面打开APP的方法一般有两种,在IOS 9以前,一般使用的技术是URL Scheme。这种方式虽然可自定义程度很高,能够巧妙地实现很多跳转,但弊端也很明显:我们只能通过 scheme://example 这种格式的链接来实现跳转,而且现在苹果还对这种方式的跳转加了一个提示框:“是否打开XXX”。对于对Web和原生App交互的场景需求量很大的产品来说,这样的跳转方式显然是步骤冗杂的,用户体验
基于应用宝实现微信h5页面中打开本地app,如果没有跳转下载页面的解决方案
首先这个方法是基于微信中打开的h5页面的,如果是外置浏览器的话则无论是否有该app都会执行下载 首先要有应用宝的推广链接,可以去腾讯开放平台的微下载申请,先拿滴滴的作为例子 http://d.xiaojukeji.com/c/73852 a href="http://d.xiaojukeji.com/c/73852">a> 这样在微信浏览器上打开的话(先以Android为例),如果本机
h5页面唤起本地APP
本来没有写博客的习惯,但是发现,记忆力现在差好多,不写下来就忘了,主要也是帮助其他人更好的实现功能。因为自己百度找了很多,但是每个人的项目都不同,实现的效果也不一样。我们知道,分享一个产品详情页到微信朋友圈,打开直接跳到产品详情页(这里忽略前端同学的处理过程,只写Android端需要做的)。唤起APP,需要uri sheme.我们可以在程序的入口activity中加入以下代码。 intent
h5页面打开APP
本人亲自试验过了说可以的 代码如下: document.getElementById('openApp').onclick = function(e){ if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){ window.location.href = "apphaha://";//ios app协议
JS 禁用移动流量球、禁用iframe嵌入
JS 禁用移动流量球、禁用iframe嵌入  情况1: native 与h5 交互 使用WebViewJavascriptBridge,此时,在native 会在打开你的网页的时候,嵌入一个iframe,来跟你交互。具体交互,请移步:http://blog.csdn.net/qq_16559905/article/details/50623069  情况2: h5网页在浏览器打开的时候,有个移动
不可忽视的信息安全,国务院某App的H5遭遇流量劫持
上周,Wannacry勒索病毒引起了全球轰动,各大信息网络都被这病毒刷屏了,大家的眼球都集中在这一勒索病毒的进展,导致国内一条重要的安全信息被刷走了,没引起大家的关注。不久前,某国字号的App遭遇流量劫持的传闻在业界流传。有消息称,该App某H5页面被植入色情内容广告,经排查“基本确定为用户当地运营商http劫持导致H5页面被插入广告……”
H5网页App开发和纯原生的App有什么差距
H5网页App开发和纯原生的App的差距主要聚集在以下几个方面:         1、动画         动画有很多种,比如侧边栏菜单的滑入滑出、元素的响应动画、页面切换之间的过场等等,在H5之下的众多实现方法都没有办法达到纯原生的性能。一般这些的话有几种不同的选择:css3动画、javascript动画、原生动画。         css3动画非常的消耗性能,如果某一个元素用到css3动
android H5 应用内跳转Scheme协议
直接进入主题想必大家在开发项目的过程中,都会遇到android与H5界面的交互。并且还有H5界面 跳转到APP内部的功能需要,同志们可能就会想,我们要用什么方法来做。那么接下来我们直接开撸,今天要讲解的应用内跳转Scheme协议什么是URL Scheme 概述: android中的scheme是一种页面内跳转协议,是一种非常好的实现机制,通过定义自己的scheme协议,可以非常方便跳转ap
h5页面唤醒app并跳转到指定页面
在manifest文件中最开始启动的activity中添加: <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> ...
webview加载H5页面使用本界面且可以点击(浏览器不会跳转)
webview= (WebView) getActivity().findViewById(R.id.web); //WebView加载web资源 webview.loadUrl("http://www.bilibili.com/"); //启用支持javascript webview.getSettings().setJavaScriptEnabled(true); //覆盖WebView默认使