Android webview ช้า

ของฉันandroid webviewsช้า นี่คือทุกอย่างตั้งแต่โทรศัพท์ไปจนถึง3.0+แท็บเล็ตที่มีสเปคเพียงพอมากกว่า

ฉันรู้ว่า webviews ควรจะ "จำกัด " แต่ฉันเห็นเว็บแอปทำด้วยช่องว่างโทรศัพท์ที่ต้องใช้ทุกประเภทCSS3และJQueryเวทมนตร์พวกเขาทำงานได้ดีและรวดเร็ว

ดังนั้นฉันจึงขาดอะไรไปมีอะไรบ้างmyWebview.SPEEDHACK(1)ที่ฉันสามารถใช้เร่งความเร็วของสิ่งต่างๆ

นอกจากนี้บางครั้งเนื้อหาของมุมมองเว็บของฉันไม่โหลดขึ้นมาแทนที่จะโหลดช้ามันก็ไม่โหลด สินทรัพย์ที่ฉันกำลังทดสอบถูกเก็บไว้ในเครื่องไม่มีข้อผิดพลาด

ขึ้นอยู่กับแอปพลิเคชันเว็บที่กำลังโหลด ลองวิธีการด้านล่าง:

ตั้งค่าลำดับความสำคัญการเรนเดอร์ที่สูงขึ้น (คัดค้านจาก API 18+):

webview.getSettings().setRenderPriority(RenderPriority.HIGH);

เปิด / ปิดการเร่งด้วยฮาร์ดแวร์:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    // chromium, enable hardware acceleration
    webView.setLayerType(View.LAYER_TYPE_HARDWARE, null);
} else {
    // older android version, disable hardware acceleration
    webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

ปิดการใช้งานแคช (หากคุณมีปัญหากับเนื้อหาของคุณ):

webview.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

การเพิ่มสิ่งนี้ลงandroid:hardwareAccelerated="true"ในรายการคือสิ่งเดียวที่ปรับปรุงประสิทธิภาพให้ฉันอย่างมาก

ข้อมูลเพิ่มเติมที่นี่: http://developer.android.com/guide/topics/manifest/application-element.html#hwaccel

ทางออกสำหรับเราตรงกันข้าม เราปิดใช้งานการเร่งด้วยฮาร์ดแวร์บน WebView เท่านั้น (แทนที่จะใช้กับแอพทั้งหมดในไฟล์ Manifest) โดยใช้รหัสนี้:

if (Build.VERSION.SDK_INT >= 11){
    webview.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

ภาพเคลื่อนไหว CSS3 เรียบเนียนขึ้นในขณะนี้ เรากำลังใช้ Android 4.0

ข้อมูลเพิ่มเติมที่นี่: https://code.google.com/p/android/issues/detail?id=17352

ฉันคิดว่าสิ่งต่อไปนี้ใช้ได้ดีที่สุด:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    webView.setLayerType(View.LAYER_TYPE_HARDWARE, null);
} else {
    webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

Android 19 มีเครื่องมือ Chromium สำหรับ WebView ฉันเดาว่ามันจะทำงานได้ดีขึ้นด้วยการเร่งฮาร์ดแวร์

ฉันมีปัญหาเดียวกันนี้และต้องทำงานให้เสร็จ ฉันลองใช้วิธีแก้ไขปัญหาเหล่านี้ แต่ท้ายที่สุดแล้วประสิทธิภาพการทำงานอย่างน้อยสำหรับการเลื่อนก็ไม่ได้ปรับปรุงเลย ดังนั้นนี่คือการแก้ปัญหาที่ฉันได้แสดงและคำอธิบายว่าทำไมมันถึงได้ผลสำหรับฉัน

หากคุณมีโอกาสสำรวจเหตุการณ์ลากเพียงเล็กน้อยโดยสร้างคลาส "MiWebView" เขียนทับวิธี "onTouchEvent" และอย่างน้อยพิมพ์เวลาที่เหตุการณ์ลากเกิดขึ้นทุกครั้งคุณจะเห็นว่าพวกมันถูกแยกออก ในเวลาสำหรับ (ลงไป) 9ms ออกไป นั่นเป็นเวลาสั้น ๆ ในระหว่างเหตุการณ์

ดูที่รหัสแหล่งที่มาของ WebViewและดูฟังก์ชั่น onTouchEvent มันเป็นไปไม่ได้เลยที่โปรเซสเซอร์จะจัดการในเวลาน้อยกว่า 9ms (ฝันต่อไป !!! นั่นเป็นเหตุผลที่คุณเห็น "พลาดการลากในขณะที่เรากำลังรอการตอบสนองของ WebCore สำหรับการสัมผัสลง" ข่าวสาร รหัสไม่สามารถจัดการได้ทันเวลา

จะแก้ไขได้อย่างไร? ก่อนอื่นคุณไม่สามารถเขียนรหัส onTouchEvent ซ้ำเพื่อปรับปรุงได้มันมากเกินไป แต่คุณสามารถ "เยาะเย้ยมัน" เพื่อ จำกัด อัตราเหตุการณ์สำหรับการลากการเคลื่อนไหวสมมติว่า 40ms หรือ 50ms (ขึ้นอยู่กับโปรเซสเซอร์)

กิจกรรมการสัมผัสทั้งหมดเป็นดังนี้: ACTION_DOWN -> ACTION_MOVE ...... ACTION_MOVE -> ACTION_UP ดังนั้นเราจำเป็นต้องให้การเคลื่อนไหวขึ้นและลงและกรองอัตราการย้าย (เหล่านี้คือคนเลว)

และนี่คือวิธีที่จะทำ (คุณสามารถเพิ่มประเภทเหตุการณ์เช่นการสัมผัส 2 นิ้วทั้งหมดที่ฉันสนใจคือการเลื่อนนิ้วเดียว)

import android.content.Context;
import android.view.MotionEvent;
import android.webkit.WebView;


public class MyWebView extends WebView{

    public MyWebView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
    }

    private long lastMoveEventTime = -1;
    private int eventTimeInterval = 40;

    @Override
    public boolean onTouchEvent(MotionEvent ev) {

        long eventTime = ev.getEventTime();
        int action = ev.getAction();

        switch (action){
            case MotionEvent.ACTION_MOVE: {
                if ((eventTime - lastMoveEventTime) > eventTimeInterval){
                    lastMoveEventTime = eventTime;
                    return super.onTouchEvent(ev);
                }
                break;
            }
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_UP: {
                return super.onTouchEvent(ev);
            }
        }
        return true;
    }
}

แน่นอนใช้คลาสนี้แทน WebView และคุณจะเห็นความแตกต่างเมื่อเลื่อน

นี่เป็นเพียงวิธีการหนึ่งในการแก้ปัญหา แต่ยังไม่ได้นำมาใช้อย่างสมบูรณ์สำหรับกรณีความล่าช้าทั้งหมดเนื่องจากหน้าจอสัมผัสเมื่อใช้ WebView อย่างไรก็ตามมันเป็นทางออกที่ดีที่สุดที่ฉันพบอย่างน้อยก็สำหรับความต้องการเฉพาะของฉัน

ฉันลองข้อเสนอทั้งหมดเพื่อแก้ไขปัญหาประสิทธิภาพการแสดงผลในแอพ phonegap ของฉัน แต่ไม่มีอะไรจริง ๆ ใช้งานได้

ในที่สุดหลังจากค้นหาได้ทั้งวันฉันก็ทำ ฉันตั้งค่าไว้ภายในแท็ก (ไม่ใช่แท็ก) ของ AndroidManifest

<application android:hardwareAccelerated="false" ...

ตอนนี้แอพทำงานในลักษณะเดียวกับเว็บเบราว์เซอร์ของฉัน ดูเหมือนว่าหากการเร่งความเร็วฮาร์ดแวร์ไม่ใช่คุณสมบัติที่ดีที่สุดเสมอไป ...

ปัญหาโดยละเอียดที่ฉันมี: https://stackoverflow.com/a/24467920/3595386

ไม่มีคำตอบเหล่านั้นไม่เป็นประโยชน์สำหรับฉัน

ในที่สุดฉันก็พบเหตุผลและทางออก เหตุผลก็คือตัวกรอง CSS3 จำนวนมาก (ตัวกรอง, -webkit-filter)

สารละลาย

ฉันได้เพิ่มการตรวจจับของ WebView ในสคริปต์ของหน้าเว็บเพื่อเพิ่มคลาส "lowquality" ให้กับเนื้อหา HTML BTW คุณสามารถติดตาม WebView ได้อย่างง่ายดายโดยการตั้งค่า user-agent ในการตั้งค่า WebView จากนั้นฉันก็สร้างกฎ CSS ใหม่

body.lowquality * { filter: none !important; }

หากมีเพียงไม่กี่องค์ประกอบของมุมมองเว็บของคุณที่ช้าหรือช้าลองเพิ่มสิ่งนี้ไปยังองค์ประกอบ CSS:

transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);

นี่เป็น speedhack เดียวที่มีผลกระทบต่อ webview ของฉันจริงๆ แต่ระวังอย่าให้มากเกินไป! (คุณสามารถอ่านเพิ่มเติมเกี่ยวกับการแฮ็คในบทความนี้ )

ลองสิ่งนี้:

mWebView.setLayerType(View.LAYER_TYPE_HARDWARE, null);

หากคุณมีผลผูกพันกับonclickเหตุการณ์อาจทำให้หน้าจอสัมผัสช้า

เพื่อให้เร็วขึ้นฉันใช้fastclickซึ่งใช้กิจกรรมการสัมผัสที่เร็วกว่ามากเพื่อเลียนแบบเหตุการณ์การคลิก