Chế độ xem web chậm

Tôi android webviewschậm. Đây là trên tất cả mọi thứ, từ điện thoại đến 3.0+máy tính bảng với thông số kỹ thuật đầy đủ hơn

Tôi biết rằng các lần xem web được cho là "hạn chế" nhưng tôi thấy các ứng dụng web được thực hiện với khoảng cách điện thoại phải sử dụng tất cả các loại CSS3và JQueryphép thuật, chúng chạy rất tốt và nhanh chóng

Vì vậy, tôi đang thiếu một cái gì đó, có một số loại myWebview.SPEEDHACK(1)mà tôi có thể sử dụng để tăng tốc mọi thứ?

Ngoài ra, đôi khi nội dung của webview của tôi chỉ đơn giản là không tải, thay vì tải chậm, nó sẽ không tải. Tài sản tôi đang thử nghiệm được lưu trữ cục bộ, không có lỗi.

Nó phụ thuộc vào ứng dụng web đang được tải. Hãy thử một số cách tiếp cận dưới đây:

Đặt mức độ ưu tiên kết xuất cao hơn (không dùng từ API 18+):

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

Bật / tắt tăng tốc phần cứng:

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);
}

Vô hiệu hóa bộ đệm (nếu bạn gặp vấn đề với nội dung của mình):

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

Thêm điều này android:hardwareAccelerated="true"vào bảng kê khai là điều duy nhất cải thiện đáng kể hiệu suất cho tôi

Thêm thông tin ở đây: http://developer.android.com/guide/topics/manifest/application-element.html#hwaccel

Giải pháp cho chúng tôi là ngược lại. Chúng tôi chỉ vô hiệu hóa khả năng tăng tốc phần cứng trên WebView (chứ không phải trên toàn bộ ứng dụng trong tệp kê khai) bằng cách sử dụng mã này:

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

Hiện tại hoạt hình CSS3 mượt mà hơn. Chúng tôi đang sử dụng Android 4.0.

Thêm thông tin tại đây: https://code.google.com.vn/p/android/issues/detail?id=17352

Tôi nghĩ rằng những điều sau đây hoạt động tốt nhất:

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 có công cụ Chromium cho WebView. Tôi đoán nó hoạt động tốt hơn với khả năng tăng tốc phần cứng.

Tôi đã có vấn đề tương tự và tôi đã phải giải quyết nó. Tôi đã thử các giải pháp này, nhưng cuối cùng hiệu suất, ít nhất là cho việc cuộn không cải thiện chút nào. Vì vậy, đây là cách giải quyết mà tôi đã thực hiện và giải thích lý do tại sao nó làm việc cho tôi.

Nếu bạn có cơ hội khám phá các sự kiện kéo, chỉ một chút, bằng cách tạo Lớp "MiWebView", ghi đè phương thức "onTouchEvent" và ít nhất là in thời gian mà mọi sự kiện kéo xảy ra, bạn sẽ thấy chúng được tách ra trong thời gian cho (xuống) 9ms đi. Đó là một khoảng thời gian rất ngắn ở giữa các sự kiện.

Hãy xem Mã nguồn WebView và chỉ thấy chức năng onTouchEvent. Nó chỉ là không thể để nó được xử lý bởi bộ xử lý trong vòng chưa đầy 9ms (Hãy cứ mơ đi !!!). Đó là lý do tại sao bạn liên tục thấy "Bỏ lỡ một lực cản khi chúng tôi đang chờ phản hồi của WebCore để liên lạc." thông điệp. Mã không thể được xử lý đúng thời gian.

Làm thế nào để khắc phục nó? Đầu tiên, bạn không thể viết lại mã onTouchEvent để cải thiện nó, nó chỉ là quá nhiều. Nhưng, bạn có thể "chế nhạo nó" để giới hạn tốc độ sự kiện cho các chuyển động kéo, hãy nói là 40ms hoặc 50ms. (điều này phụ thuộc vào bộ xử lý).

Tất cả các sự kiện chạm đều diễn ra như sau: ACTION_DOWN -> ACTION_MOVE ...... ACTION_MOVE -> ACTION_UP. Vì vậy, chúng ta cần phải giữ các chuyển động XUỐNG và LÊN và lọc tỷ lệ MOVE (đây là những kẻ xấu).

Và đây là một cách để làm điều đó (bạn có thể thêm nhiều loại sự kiện như chạm 2 ngón tay, tất cả những gì tôi quan tâm ở đây là cuộn một ngón tay).

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;
    }
}

Tất nhiên Sử dụng lớp này thay vì WebView và bạn sẽ thấy sự khác biệt khi cuộn.

Đây chỉ là một cách tiếp cận giải pháp, nhưng vẫn chưa được thực hiện đầy đủ cho tất cả các trường hợp độ trễ do chạm màn hình khi sử dụng WebView. Tuy nhiên đó là giải pháp tốt nhất tôi tìm thấy, ít nhất là cho nhu cầu cụ thể của tôi.

Tôi đã thử tất cả các đề xuất để khắc phục sự cố hiệu suất kết xuất trong ứng dụng phonegap của mình. Nhưng không có gì thực sự làm việc.

Cuối cùng, sau cả ngày tìm kiếm, tôi đã thực hiện nó. Tôi đặt trong thẻ (không phải thẻ) của AndroidManifest của tôi

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

Bây giờ ứng dụng này hoạt động theo cách nhanh chóng giống như webbrowser của tôi. Có vẻ như, nếu tăng tốc phần cứng không phải lúc nào cũng là tính năng tốt nhất ...

Vấn đề chi tiết tôi gặp phải: https://stackoverflow.com/a/24467920/3595386

Không có câu trả lời nào là không hữu ích cho tôi.

Cuối cùng tôi đã tìm ra lý do và giải pháp. Lý do là rất nhiều bộ lọc CSS3 (bộ lọc, bộ lọc -webkit).

Giải pháp

Tôi đã thêm phát hiện WebView trong tập lệnh trang web để thêm lớp "chất lượng thấp" vào phần thân HTML. BTW. Bạn có thể dễ dàng theo dõi WebView bằng cách đặt tác nhân người dùng trong cài đặt WebView. Sau đó, tôi đã tạo quy tắc CSS mới

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

Nếu chỉ có một vài thành phần trong chế độ xem web của bạn chậm hoặc bị lag, hãy thử thêm phần này vào các phần tử css:

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

Đây là speedhack duy nhất thực sự có ảnh hưởng đến webview của tôi. Nhưng hãy cẩn thận đừng lạm dụng nó! (bạn có thể đọc thêm về hack trong bài viết này .)

Thử cái này:

mWebView.setLayerType(View.LAYER_TYPE_HARDWARE, null);

Nếu bạn đang liên kết với onclicksự kiện, nó có thể bị chậm trên màn hình cảm ứng.

Để làm cho nó nhanh hơn, tôi sử dụng fastclick , sử dụng các sự kiện chạm nhanh hơn nhiều để bắt chước sự kiện nhấp chuột.