1. 程式人生 > >安卓webview快速載入網頁研究提速(一級加速)

安卓webview快速載入網頁研究提速(一級加速)

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
var ii = 0;
 $.ajax({
url:"/jquery/test1.txt",
async:false,
success:function(data)
{
   for(var i=0;i<10000;i++){
     ii ++
   }
}
})

$(document).ready(function(){
  alert(ii);
});
 
</script>
</head>
<body>

<div id="myDiv"><h2>通過 AJAX 改變文字rerer</h2></div>
<button id="b01" type="button">改變內容</button>

</body>
</html>

1.若是同步請求,當ii載入到10000時才會顯示網頁,若是非同步請求,ii顯示為0時就載入網頁,不會影響整個網頁的載入

結論:ajax是同步請求測試驗證:測試發現要在網頁上看到具體內容是for迴圈程式碼執行完成後才顯示的

             ajax是非同步請求測試驗證:測試發現網頁顯示不必等待for迴圈載入完成後才去顯示網頁,也就是非同步請求不影響網頁載入

可以想一想,JS程式碼的執行要先於HTML DOM模型的構件,沒有DOM模型,瀏覽器應該不會知道如何渲染出網頁的,

所以同步請求,會嚴重阻止網頁的展示

測試還發現如果載入的JS檔案如果一直獲取不到,整個頁面會白屏卡在那裡一直等到JS載入呀


http://blog.163.com/hero_213/blog/static/398912142012112765625110/

http://blog.csdn.net/mynote/article/details/40922043

1.解析HTML結構。
2.載入外部指令碼和樣式表文件。
3.解析並執行指令碼程式碼。(已驗證:例如上面的驗證)
4.構造HTML DOM模型。
5.載入圖片等外部檔案。
6.頁面載入完畢。

注意:頁面載入和渲染是同時進行的哦

webview可以設定阻止圖片載入,在第六步驟之後再去放開圖片載入,另外對於網頁設計師傅,儘量把所有的JS延遲載入,

否則影響webview頁面載入完畢事件的觸發,影響圖片請求,通過這種方式,可以快速展示網頁基本形式之後再來

載入JS和圖片資源,提高使用者的體驗!

我們暫且把上面的方案稱為一級加速方案吧,下一節繼續給我們的webview提速

相關推薦

webview快速載入網頁研究提速(一級加速)

<html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"&

webview在小米5載入不出來或者樣式不對

webview在安卓開發中時常用到,有的是直接載入url,有的是載入html標籤。很多電商專案中的商品詳情就用的第二種方式,後臺可能給的是html標籤,這時候我們需要拼接“<html> <body>

webview載入h5介面無響應

問題描述:最近遇到一個問題,h5介面在7.0系統測試機上載入不出來,百度了一番,原來是安卓7.0系統webview的bug。webview在載入https的請求時,證書出現了問題。 問題解決: webView.setWebViewClient(new WebViewC

WebView中全屏播放網頁視訊

Android中WebView是支援播放網頁視訊的,需開啟WebView的指令碼支援: //設定WebView屬性,能夠執行Javascript指令碼 webView.getSettings().setJavaScriptEnabled(true);

WebView改變網頁文字背景顏色

原理為動態向html裡面注入js方法,然後執行,不難,直接貼程式碼 關鍵程式碼 在onPageFinished方法裡面輸入webview.loadUrl(“javascript:”+“js方法名或者.j

webview顯示網頁字型模糊的問題

問題 先看下如下程式碼 <div id='A'>絕對定位區域</div> <div id='B'>內容正文區域</div> #A{ position: absolute; left: 0;

手機快速找回QQ聊天圖片

安卓手機快速找回QQ聊天圖片 畢竟現在我們和朋友親友之間的溝通交流都是依靠手機上的某種APP,在眾多的APP中,我們現在用的最多的是,微信和 QQ,而QQ是註冊人數最多的,也是我們在生活中最常見的交流溝通工具。總是聽到很多的小夥伴在抱怨自己又把QQ聊天的文件給刪除了,“又刪除了”,說明了我們

particcles.js in WebView

pan ber content rgb lan 中文 section log loadurl json: { "particles": { "number": { "value": 80, "density": {

WebView在項目中總結

should 事件 you 還在 goback eve bsp add setw 一、簡介 在安卓開發中我們會遇到許多處理網頁的功能,以下就是我在實際中用到的分享給大家 1.顯示和渲染Web頁面 2.可和JavaScript交互調用 二、常用的方法 //激活WebView

使用Android的webview將web app打包成安的app和解決webview不支援input type=file問題

使用Android的webview將web app打包成安卓的app和解決安卓webview不支援input type=file問題 在MainActivity.java中編碼 public class MainActivity extends Activity { privat

奇葩問題之奇葩解決方案系列——手機外部載入Assetbundle

一、前言        首先,這個需求是這麼被創造出來的,我們要在安卓手機上載入超過一個G的資源,正常的Unity的程式設計師都會立馬想到使用Assetbundle進行資源打包和載入,我當然也不例外。

解決手機上傳圖片沒有拍照選項,修改後又出現的手機能載入相簿和攝像頭但蘋果手機不能載入相簿的問題

<input type="file" id="choose" accept="image/*" multiple> 上面是原始碼,下面修改後可以讓安卓手機顯示攝像頭 <inp

2016年系統手機市場趨勢研究

安卓(Android)是一種基於Linux的自由及開放原始碼的作業系統,主要使用於移動裝置,如智慧手機和平板電腦,由Google公司和開放手機聯盟領導及開發。第一部Android智慧手機發佈於2008年10月。Android逐漸擴充套件到平板電腦及其他領域上,如電視、數碼相機、遊戲機等。2011年第一季度,

如何讓WebView支援js呼叫window.open()和window.close()的方法。

最近專案中遇到一個webview開發時的問題,web前端開發人員在網頁上實現了一個功能。功能是在A html頁面,開啟一個新的B html頁面,然後再B頁面中選擇一個聯絡人,把值返回給A頁面。做web開發的朋友應該知道,這個需要在A中通過window.open()開啟B,在

Android WebView載入網頁在部分手機上閃退問題

我無意間看到手機自帶瀏覽器的libs目錄下發現沒有64位庫的資料夾如:arm64-v8a、mips64、x86_64,那這就說明這個應用只支援32位執行環境。由此 大概可以猜想我們應用為啥在這個手機上報錯了。 首先,這個手機是支援64位的,然後我們應用也適配了64位執行環境

原生巢狀網頁,呼叫vue裡面的函式,進行互動

剛好遇到這個問題,便轉發了這篇部落格:https://blog.csdn.net/jhl122/article/details/79151303   之前寫過一個部落格是安卓原生與JS互動的部落格:http://blog.csdn.net/jhl122/article/detail

Android中webview撥打載入網頁中的電話超連結

wv_main = find(R.id.wv_main);//例項化webview wv_main.loadUrl(url); //啟用支援javascript WebSettings setting

解決用WebView載入網頁在部分手機上閃退問題

1.緒論 Binary XML file line #29: Error inflating class android.webkit.WebView…這種錯誤,你見過麼?最近公司應用(雲電腦)在各個應用市場比較火,用的人也多,在後臺統計的錯誤日誌裡,出現了個

[uLua]關於ulua打包到後無法載入Global的簡易解決方法

在這裡我想吐槽ulua自己網站上的(非官方)回答,那根本不能叫回答,說什麼熟悉打包的人都會知道,我只想說既然知道為何不順便科普一下或者拿出解決方案。 下面開始唧唧歪歪,不像麻煩的直接看這裡  http://pan.baidu.com/s/1kTP9sTD   使用前記得

介面動態載入DexClassLoader問題

最新在做一個開發SDK的專案,客戶訂好了一套介面標準,我們按照標準開發底層實現然後做成jar包預置到終端上。應用開發人員通過標準介面動態載入終端上的jar包呼叫介面的實現。 目前遇到的問題是當我在標準介面中寫安卓動態載入的方法DexClassLoader()時,最後一個引數