Kiểm tra hiệu suất và tốc độ web trên trình duyệt của di động và mạng 3g/4g

1. PageSpeed Insights2. Lighthouse3. Test My Site4. Mobile-Friendly Test5. Bonus: Chrome User Experience Report

Website là khí cụ hữu dụng để xác lập sự hiện hữu online với tạo nên lợi nhuận của doanh nghiệp. Tuy nhiên, nhỏng bao điều khoản không giống, website rất cần được đầu tư với chăm lo đúng nút nhằm rất có thể tạo ra lợi tức đầu tư.

Bạn đang xem: Kiểm tra hiệu suất và tốc độ web trên trình duyệt của di động và mạng 3g/4g

Với technology tiên tiến và phát triển, vấn đề có tác dụng website trngơi nghỉ cần cực kỳ dễ dàng và nhanh chóng. Do đó, download trang web 1-1 thuần sẽ từ lâu không còn là ưu thế đối đầu và cạnh tranh nữa. Người dùng càng ngày khó chịu cùng đòi hỏi cao hơn. Để vĩnh cửu và phát triển bên trên Internet, nhà website không chỉ có bắt buộc đầu tư chi tiêu xứng đáng đến bộ mặt mang lại website hơn nữa phải chú ý về tối ưu năng suất buổi giao lưu của trang web.

Nhưng có tác dụng cách như thế nào để Reviews công suất website để mang ra mọi đưa ra quyết định đổi mới phù hợp?

Bản thân câu hỏi “trang web của mình vận động tác dụng hay chưa” vô cùng mơ hồ. May mắn nạm, Google vẫn phát triển những khí cụ giúp bạn giám sát các thông số cần thiết nhằm Reviews hiệu suất hoạt động của 1 trang web và từ kia, đưa ra những đề xuất khả thi giúp đỡ bạn về tối ưu vận động trang web của bạn.

4 chính sách được Google đề xuất nhằm review công suất trang web của bạn:

PageSpeed InsightsLighthouseTest My SiteMobile-Friendly Test

1. PageSpeed Insights

PageSpeed Insights là quy định phổ cập duy nhất nhằm Review vận tốc cài trang – phát triển vì Google. PageSpeed Insights đang chấm điểm URL ví dụ cùng chỉ dẫn các khuyến nghị khả dĩ khiến cho bạn tối ưu tốc độ mua trang.

Theo thông báo từ bỏ Google, PageSpeed Insights đã làm được cập nhật – sử dụng tài liệu từ report đề xuất người tiêu dùng của Chrome, có nghĩa là, phép tắc này tiếng thực hiện các thông số kỹ thuật thực tế từ bỏ người tiêu dùng Chrome để phê duyệt web.

Theo thang Review new, vận tốc download trang sẽ được nhận xét dựa vào dữ liệu từ thực người tiêu dùng.

Tốc độ trang web sẽ tiến hành xếp thứ hạng bên trên 3 thang điểm: nkhô hanh, mức độ vừa phải, giỏi chậm trễ dựa trên 2 điểm đặc trưng nhất:First contentful paint: khoảng chừng thời gian buộc phải để người dùng thấy được sự chuyển đổi về hình ảnh trước tiên từ bỏ website.DOM nội dung loaded: khoảng thời gian đề xuất để hoàn tất bài toán parse với kết xuất bối cảnh (render) của 1 file HTML.

Nếu cả hai thông số này trực thuộc đội lần thứ nhất, trang web sẽ tiến hành xếp hạng Nkhô nóng.

Sự về tối ưu được phân một số loại thành 3 nhóm: Tốt, Trung bình và Thấp bằng vấn đề Đánh Giá khả năng về tối ưu thêm của website.Phần Phân phối thiết lập trang trình bày cách thức FCP (First contentful paint) và DCL (DOM content loaded) được phân phối trong hàng dữ liệu. Những event này cũng được xếp thứ hạng Nkhô hanh, Trung bình với Chậm bằng cách so sánh cùng với những sự kiện vào báo cáo yên cầu người tiêu dùng từ Chrome.Phần Page Stats diễn tả các tuyến phố vòng cần nhằm thiết lập những tài nguim chặn kết xuất bối cảnh, tổng số bytes dùng vị trang web.Các đề xuất về tối ưu khả thi: danh sách những hành động rất có thể được vận dụng cho trang web. Nếu trang web nkhô hanh, những đề xuất này sẽ được ẩn đi.

Màn hình PageSpeed Insights mới:

Tuy nhiên, chưa phải toàn bộ các trang web phần đông được xếp thứ hạng. Để được xếp hạng, những website rất cần phải được thu thập đầy đủ tài liệu trường đoản cú report kinh nghiệm người dùng từ Chrome.Ví dụ:

Có nhiều nhân tố tác động mang đến vận tốc download trang, mà lại 2 nguyên tố đặc biệt quan trọng tốt nhất là:

Tài nguyên ngăn kết xuất đồ gia dụng họa: trường hợp trang web có rất nhiều tài ngulặng ngăn kết xuất hình ảnh, bạn nên đề nghị xây dựng viên nghiên cứu những thủ tục lại nhằm rời chuyển làn đường (redirects), thải trừ các tài nguim ngăn kết xuất giao diện bao gồm JavaScript với CSS, tận dụng bộ nhớ lưu trữ đệm (cache) của trình trông nom, ưu tiên sở hữu câu chữ chính yếu ớt, bớt thời hạn đáp ứng nhu cầu của dòng sản phẩm chủ xuống bên dưới 200ms.Kích thước tài liệu trả về: toàn thể kích thước dữ liệu trả về, bao gồm những tài nguyên ổn HTML cùng tài nguyên phụ. Nếu những kết quả trả về hoàn toàn có thể được loại bỏ bằng phương pháp nén và về tối tphát âm hóa, chúng ta nên kiến nghị lập trình viên phân tích các thủ tục kích hoạt nén, tối thiểu hóa tài nguim và buổi tối ưu hình ảnh nhằm tăng vận tốc thiết lập trang.

2. Lighthouse

Lighthouse là nguyên lý khiến cho bạn kiểm tra/Đánh Giá hiệu suất làm việc của các trang web, bao gồm hiệu suất, kĩ năng truy vấn, SEO cơ bạn dạng cùng nhiều thông số kỹ thuật không giống. Lighthouse cho bạn cái nhìn tổng quan về unique với năng suất của trang web xuất xắc ứng dụng website của bạn.

Lighthouse được trình làng tương đối lâu, tự 2016 dẫu vậy ko tạo ra được rất nhiều tiếng vang. Tuy nhiên, đội hình phát triển đang không hoàn thành chỉ dẫn các bản cách tân. Kết quả là, Lighthouse bây chừ là cơ chế so với nhận xét website nằm trong dạng thời thượng duy nhất trường đoản cú Google.

Khác với PageSpeed Insights – chỉ kiểm soát tốc độ cài đặt trang, Lighthouse khám nghiệm luôn phương thức với thời gian website trả kết quả về cho những người cần sử dụng. Lighthouse phạt hiện đúng đắn thời hạn nội dung trang web của chúng ta được download sẵn sàng chuẩn bị trong thế giới thực.

Lighthouse Đánh Giá từng trải người tiêu dùng thực tế hơn bằng cách trả ltràn lên thăm trang web của chúng ta bằng mạng 3G chập chờn với trên nền vật dụng chưa hẳn tiến bộ duy nhất. Tín hiệu đã đứt quãng để mang lập đa số gì xẩy ra trong nhân loại thật. Sau Khi hoàn toàn bài xích soát sổ, bạn sẽ nhận thấy phiên bản báo cáo kèm với đông đảo đề xuất khả dĩ để nâng cấp hầu hết vụ việc đang sẵn có.

Xem thêm: Xem Phim Cô Dâu 8 Tuổi Phần 6 Tập 45, Cô Dâu 8 Tuổi Phần 6

*

Các thông số được sử dụng:

First meaningful paint: Thông số này đưa ra quyết định khoảng chừng thời gian website cần để thiết lập xong văn bản bao gồm ý nghĩa, ví dụ như tiêu đề thiết yếu, banner, video, nhân vật, phần nhiều nhân tố mở ra phía bên trên nếp cấp của website (above sầu the fold). Điểm càng phải chăng thì website download càng nkhô cứng.First interactive: Thông số này giám sát và đo lường lúc nào thì 1 trang web mở ra cửa hàng về tối tđọc với người tiêu dùng, ví dụ như nhập text vào ô tìm kiếm tìm, xem video, coi cụ thể 1 mặt hàng...Consistently interactive: Đo lường lúc một trang web hoàn toàn chuẩn bị sẵn sàng liên hệ cùng với người tiêu dùng nghỉ ngơi các tác dụng.Perceptual speed index: Thông số này cho biết tốc độ nội dung 1 website được miêu tả rất đầy đủ nhanh hao như thế nào. Thời gian thiết lập tiêu chuẩn chỉnh đề nghị bé dại hơn 1,250 mili giây.Estimated latency input: Ước tính thời gian cần thiết để website phản bội ứng với thử dùng nhấn tài liệu từ người tiêu dùng. Độ trễ (latency) cao đã dẫn mang lại cảm giác website chậm rãi cùng cà giựt. Thời gian tiêu chuẩn đề xuất bên dưới 50 ms.Critical requests chain: Mạng lưới dạng thác nước này cho thấy tài nguyên ổn làm sao cần nhằm render trang web trước. Ưu tiên sở hữu phần lớn tài nguim quan trọng trước sẽ giúp đỡ cải thiện tốc độ trang web.

quý khách cũng sẽ kiếm tìm thấy trong phiên bản báo cáo đa số khuyến nghị nhằm nâng cấp vận tốc cài đặt trang bên trên di động cầm tay, bao gồm bớt thiểu những file stylesheet, scripts sẽ ngăn uống cản sự kết xuất đồ họa (render), nén hình họa hợp lí hơn cùng với screen di động…

Tóm lại, Lighthouse cho chính mình cái nhìn tổng quát với số đông Đánh Giá quý giá để nâng cấp năng suất trang web và áp dụng website của doanh nghiệp.

*
Kết quả trả về trường đoản cú Lighthouse. Từ trái qua phải: điểm Progressive Web App, Performance, Accessibilty, Best Pratices cùng SEO.

Bạn làm sao quan tâm mang đến cách tính điểm cụ thể của Lighthouse rất có thể xem trên phía trên.

3. Test My Site

Test My Site là luật pháp bắt đầu được Google trình làng từ 2016 cùng với mục đích giúp nhà doanh nghiệp lớn nhỏ tuổi kiểm soát năng suất làm việc của trang web trên di động cầm tay.

So với 2 quy định bên trên, Test My Site có đồ họa thân mật và gần gũi với người dùng không chăm chuyên môn hơn. Sau khi nhập URL phải kiểm soát, Test My Site đang trả về cho mình bảng đánh giá cùng những lời khuyên khả thi khiến cho bạn tối ưu hiệu suất bên trên những máy khác nhau.

thường thì, size hình hình họa cùng Clip luôn luôn là nguyên tố thứ nhất phải quan tâm buổi tối ưu. May mắn là, câu hỏi này có thể được tiến hành vô cùng dễ ợt. Điển hình là bạn có thể xem xét sử dụng JPG cố mang đến PNG khi không cần thiết, nén với bớt kích cỡ hình hình họa bên trên di động cầm tay.

Lượng khách hàng truy vấn bị mất ước tính (potential customer loss) là thông số new khôn xiết thú vị tự Google góp chủ công ty nhỏ hình dung rõ rộng tranh ảnh với sự cần thiết nhằm buổi tối ưu tỉ lệ chuyển đổi tự lưu lượng di động.

*

4. Mobile-Friendly Test

Snghỉ ngơi hữu trang web thân mật với di động cầm tay là tiêu chuẩn chỉnh tối tđọc cho việc hiện hữu online của chúng ta chúng ta. Và Google giúp đỡ bạn bình chọn cường độ thân thiện cầm tay của website cùng với chế độ Mobile-Friendly Test

Công vậy này rất giản đơn thực hiện. Bạn chỉ việc nhập URL đề xuất soát sổ với chờ kết quả, bao gồm hình chụp trang web của người sử dụng trông ra sao bên trên di động cầm tay cùng danh sách các sự việc về tính khả dụng di động được search thấy.

Danh sách những lỗi khả dụng di động bao gồm:

Sử dụng FlashChưa thiết lập cấu hình viewportSử dụng fixed-width viewportNội dung ko được bố trí theo viewportFont chữ nhỏ dại, khó khăn đọcCác nguyên tố chạm được vượt gần nhau, ví như 2 nút Call Smartphone cùng nhắn tin nhắn)

5. Bonus: Chrome User Experience Report

Dành đến rất nhiều bạn có trình độ chuyên môn về web và kỹ năng và kiến thức về Squốc lộ, tận dụng tối đa Chrome User Experience Report đang cho chính mình đầy đủ thông số thực về hiệu suất trang web.