Hiển thị các bài đăng có nhãn Google Pagespeed Insights. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Google Pagespeed Insights. Hiển thị tất cả bài đăng

17/07/2018

Sự thật về tối ưu Test my site (Tốc độ Web trên di động 3G)


Test my site (https://testmysite.withgoogle.com/intl/vi-vn) là công cụ mà Google đưa ra để kiểm tra tốc độ của Website khi tải trang trên thiết bị di động dùng kết nối 3G.
Google khuyến cáo tốc độ trang ~3s trên Test mysite là chuẩn nhất.
  • Nếu ~5s bạn sẽ mất 19% lượng traffic truy cập từ Di động.
  • Nếu ~4s bạn sẽ mất 10% lượng traffic truy cập từ Di động.
Song chúng ta có nên tin công cụ  Test my site (Tốc độ Web trên 3G) này của Google hay không?


Thật sự https://www.webpagetest.org/ mới là trang mà Testmysite lấy dữ liệu, nếu bạn check trực tiếp trên Testmysite thì thực sự có thể không chỉnh xác.

Test lần 1 trên Testmysite Google:

Ban đầu mình đã test trên trang chủ của url: https://toilaquantri.com với Test My site là ~5s.
Phiên bản mobile với Test My site là ~4s.
Tiếp theo mình sẽ vào trang nguồn cung cấp https://www.webpagetest.org/ để test lần thứ 2 cho chính xác.

Lần 2: Cấu hình test trên webpagetest như sau:

  1. Chọn máy chủ ở châu á và Hong Kong là gần VN nhất
  2. Chọn trình duyệt Chrome
  3. Chọn 3G tốc độ 1.6Mbps

P/s 3G ở VN có tốc độ mà nhà cung cấp đưa ra là 7.2Mbps tuy nhiên không bao giờ đạt cả nên mình chỉ chọn mức trung mình là 1.6Mbps thôi. 3G ở VN thường không ổn định nên chọn tốc độ như thế là hợp lí.

Kết quả Test lần 2 với webpagetest

  1. Lần đầu 13s
  2. Reload lại 10.8s
Sở dĩ reload lại luôn nhanh hơn lần đầu là một số request đã được lưu cache lại nên chỉ việc lấy lên từ bộ nhớ đệm chứ không tải về từ Server Web nữa.

Kết quả test 3G

Thực tế thì khi xem Video lại cho ra kết quả khác. Chú ý đến trường Watch Video để xem nhé!
Video tải trang thực tế (lần 1)



Cái sai ở đây là chúng ta test trên giao diện trên máy tính mất rồi.
  • Giao diện Mobile: https://www.toilaquantri.com?m=1
  • Giao diện Desktop: https://www.toilaquantri.com
Do vậy nếu Website của bạn có 2 giao diện thì chúng ta nên chọn giao diện Mobile để test trên 3G mới chuẩn nhất. Ta sẽ test lại lần 3 với url https://www.toilaquantri.com?m=1

Kết quả lần 3 trên webpagetest

  • Lần đầu 8.3s
  • Reload lại 3.2s (khá chuẩn)

Video tải trang thực tế (lần 2)


Test lần 4 với Network trên Google Chrome

  1. Cho kết quả DCL là 4.15s
  2. Full load 8.74s
P/s: Thực ra máy tính mình có đời chip (Intel Core i5 thế hệ 2, ổ HDD) từ năm 2011 cho nên khả năng bắt sóng sẽ không bằng chip mạng trên điện thoại được nên sẽ có dấu hiện chậm hơn thực tế, vả lại trên máy tính thì trình duyệt Chrome tải giao diện Web đầy đủ hơn nên có thể sẽ nặng hơn so với Mobile (phần này cũng cực kì quan trọng nhé!) 

Lần test 5 thực tế trên điện thoại 3G.

  • Lần này mình dùng Quay màn hình trên chiếc Smartphone mình đang dùng với kết nối 3G của Vietnammobile và cho ra kết quả thời gian khoảng 4~5s bất ngờ là vừa trùng khớp với Test mysite.
  • Tuy nhiên khi tải lại trang thì thời gian chỉ 2~3s.

Kết luận:

Như vậy là mình cũng vừa hoàn thành bài tốc độ website test 3G thực tế trên các công cụ khác nhau. Và lần thứ 5 vẫn là trãi nghiệm thực tế của người dùng mới quan trọng nhất.

Nếu chọn trình duyệt khác để test, trên Smartphone khác với tốc độ 3G, máy chủ truy cập khác nhau lại cho ra kết quả khác nhau và chênh lệch tương đối lớn.

Có thể lúc này trên điện thoại (mobile) đang sử đang full 3G 7.2mbps, server ở VN nên khác biệt rõ rệt. Từ 8s khi kiểm tra với các phần mềm nhưng thực tế reload chỉ 2-3s và hầu như không có độ trễ.)

Bài test thứ 5 là bài test cuối cùng chuẩn nhất ở thực tế, cái quan trọng là theo cảm nhận của bạn website khi load trên 3G có chậm hay không chứ đừng tin quá vào công cụ nhé vì rõ ràng nếu không am hiểu kiến thức mạng, kiến thức website bạn sẽ test sai ngay và sẽ có sai số cực lớn trên các công cụ khác nhau.

Như vậy có thể thấy rằng tốc độ chuẩn 3G ổn định 5-7.2mbps và máy chủ test càng gần sẽ cho kết quả chính xác gần với kết quả mà Testmysite cung cấp.

Đối với mỗi người dùng khác lại cho ra tốc độ tải lại khác nhau và cũng không giống nhau nữa vì thiết bị, phần mềm, đường truyền mạng, vị trí đã là khác nhau rồi.

30/06/2018

Tốc độ tải Website phụ thuộc vào gì? DNS, Hosting

Tốc độ tải Website phụ thuộc vào gì?
Thời gian tải trang và hiển thị màn hình của toilaquantri.com

28/06/2018

FCP DCL là gì? trong Google Pagespeed Insights

Gần đây Google Pagespeed Insights đã đưa ra 2 dữ liệu thực là FCP DCL khi kiểm tra website với Google Pagespeed Insights.

Bước đầu Google đã đưa tốc độ tải trang trên Mobile (Di động) vào một trong các yếu tố xếp hạng website trên Google (SEO) động thái này cho rằng bạn phải làm cho Website thật nhanh lên nữa trên Mobile khi mà tốc độ phát triển, traffic từ Mobile đã vượt qua Desktop.

FCP DCL trong Google Pagespeed Insights
FCP DCL trong Google Pagespeed Insights

FCP là gì?

1. FCP (First Contentful Paint): Thời gian phản hồi nội dung đầu tiên của website (có thể hiểu load hoàn chỉnh thành phần đầu tiên của website).

Thành phần này là đối tượng đầu tiên hiển thị trên trình duyệt.

Ví dụ: Website của mình phải tải qua 1 loạt Meta tags, sau đó tải CSS sau đó mới HTML thì lúc đó thành phần đầu tiên mới tải xong => Quá chậm.

Vì vậy bạn phải đưa các thành phần HTML lên đầu <html> thì càng tốt.

Thang thời gian Xếp hạng FCP

  • Fast: Time FCP mobile < 1.6s & desktop < 1.0s (Nhanh)
  • Average: Time FCP mobile < 3.0s & desktop < 2.1s (Trung bình)
  • Slow: Time FCP mobile > 3.0s & desktop > 2.1s (Chậm)

Trên Thiết bị di động, website toilaquantri.com có:
FCP = 1.3s < 1.6s => Nhanh (xanh)

DCL là gì?

DCL (DOM Content Loaded)
Trong đó:
  • DOM (Document Object Model: Mô hình đối tượng tài liệu) + Content Loaded (Nội dung tải hoàn chỉnh)
  • Khi tài liệu HTML được tải và phân tích cú pháp
HTML ban đầu đã được tải và phân tích cú pháp hoàn chỉnh (có thể hiểu là load được hết layout)

Thang thời gian Xếp hạng DCL

  • Fast: Time FCP mobile < 2.1s & desktop < 1.4s
  • Average: Time FCP mobile < 4.2s & desktop < 2.8s
  • Slow: Time FCP mobile > 4.2s & desktop > 2.8s

Trên Mobile thì website toilaquantri.com có DCL = 3.7s. Nằm giữa khoảng 2.8s và 4.2s nên đạt trung bình.

FCP DCL sẽ thu thập trong vòng 30 ngày của website bạn nên sẽ có website hiển thị website chưa hiển thị được.

Ngoài ra còn có các chỉ số khác như Tối ưu hóa FMP / TTI chứ không chỉ là FCP DCL (xem ảnh trên đầu bài sẽ rõ)

Google đưa ra bài nghiên cứu của mình tại đây: 

31/05/2018

Sự thật về tối ưu Google Pagespeed Insights

Google Pagespeed hay Google Pagespeed Insights là một công cụ kiểm tra tốc độ tải trang website chính chủ của Google. Tuy nhiên cách Google đặt tên có thêm chữ Insights (thấu hiểu) nhằm khẳng định các yếu tố được Google Pagespeed Insights nhắm đến trãi nghiệm khi truy cập website của bạn về cả tốc độ và cả trãi nghiệm người dùng.
tối ưu Google Pagespeeds Insight
tối ưu Google Pagespeeds Insight

Kiểm tra: >> https://developers.google.com/speed/pagespeed/insights/

Bản thân mình đã có bài phân tích về cả gốc độ kỹ thuật, quan điểm về sự liên quan giữa tốc độ load web và công cụ Google Pagespeed của Google tại bài: Tối ưu Google Pagepeed có nghĩa Website sẽ tải nhanh hơn?

Có 2 phần quan trọng mà Google Pagespeed nhắc đến là Cache và Màn hình đầu tiên đấy là nhắm đến trãi nghiệm người dùng ở từng phiên truy cập.

Tuy nhiên cơ chế load web tiên tiến nhất là sẽ tải thêm theo hành vi cuộn chuột của người dùng. Ví dụ như bạn sẽ thấy về Lazy Load sẽ load tuần tự ảnh khi người dùng cuộn chuột tới, hoặc theo các MXH như facebook sẽ tiếp tục hiện nội dung khi người dùng cuộn chuột. Cuộn tới đâu load tới đó sẽ cho cảm giác phản hồi ngay lặp tức việc này còn không làm phình Ram trong các device (thiết bị)

=> Việc này sẽ giảm thiểu việc tải nội dung không cần thiết khi mà người dùng chưa xem tới chứ không phải tải toàn trang website trong 3-4s đối với các website thông thường được.

Do vậy mình có thể khẳng định rằng tối ưu Google Pagespeed không có nghĩa là website sẽ nhanh hơn nhưng thường 70% là sẽ nhanh hơn.

Vậy tại sao phải chú trọng điểm số Google Pagespeed?

Google sẽ thích dùng công cụ chính chủ của mình để đánh giá website nào đó và sẽ đem nó vào xếp hạng SEO. Có bao giờ Google lại dùng các công cụ test tốc độ website bên thứ 3 như https://tools.pingdom.com để đánh giá chung không? => Dĩ nghiên là Google sẽ dùng công cụ chính hãng để đánh giá chứ.

Mặc dù Google Pagespeed không phải là công cụ kiểm tra tốc độ website tốt nhất nhưng tối ưu được Google Pagespeed là website bạn đã lấy được điểm từ Google cứ hiểu như thế đi.

Bản thân mình khi tối ưu về tốc độ trải trang web (load web) thì dùng Google Pagespeed, Tools Pingdom và Test request Networks trên trình duyệt Google Chrome mới ra một cái nhìn tổng quan được.

Google Pagespeed là 1 trong những quy trình SEO Audit khi mình áp dụng SEO cho các khách hàng vì vậy mình đánh giá rất cao công cụ này.


Và một trong những lời khuyên trong các bài viết về SEO của mình là đừng quá chú trọng quá nhiều vào điểm số như Google Pagespeed chẳng hạn như đừng cố gắng phải lên 99 100 điểm nhưng đừng để website 40 50 đỏ lè đỏ lét.

22/04/2018

Tối ưu Google Pagespeed Insights có nghĩa là Website sẽ tải nhanh hơn?

Tối ưu Google Pagespeed Insights có làm Website sẽ tải nhanh hơn hay không?. Sau đây chúng ta cùng phân tích về Google Pagespeed Insights

Trước đây việc tối ưu Google Pagespeed Insights là cực kì vất vả. Trước năm 2015 hầu như có đến 95% các Web đều không thể đạt >85 điểm trở lên (đạt màu xanh xinh được là ước mơ của bao người) trong 2 phiên bản Desktop và Mobile.
Thông tin cho rằng tại sao Website tôi nhanh nhưng Google Pagespeed Insights điểm thấp và cho rằng Google Pagespeed Insights không quan trọng => sẽ phân tích ở bên dưới
Xong gần đây hàng loạt các thuật toán Google đánh vào tối ưu trãi nghiệm người dùng trên Website đặc biệt tốc độ tải trang và tối ưu dành di động. Tại sao Google lại đưa vào các chỉ số này? Nó giúp ít gì cho người dùng?

Tối ưu Google Page Speed có nghĩa là Website sẽ tải nhanh hơn?

27/09/2017

5 bước kiểm định SEO Onpage cho 1 website bởi toilaquantri.com

SEO Onpage là hoạt động tối ưu công cụ tìm kiếm diễn ra trên website, việc SEO Onpage tốt sẽ giúp Google nhận diễn nội dung, chủ đề được Google Index nhanh chóng. Chính sự index thường xuyên webiste là yếu tố để Google đánh giá website tốt trên công cụ xếp hạng Google.

1. Tốc độ tải trang web

Như chúng ta đã biết Google chỉ đọc HTML, cho nên khi xây dựng hệ thống site vệ tinh PBN hãy sử dung sourse web ít Javascript và đưa phần HTML lên càng cao càng tốt.

Các website chính (Money Site) nhằm nâng cao trãi nghiệm người dùng, cũng dùng Javascript nhưng hãy thật hạn chế khi sử dụng.

Mình đã có bài viết riêng hướng dẫn tối ưu tốc độ load website


Kiểm tra với testmysite.withgoogle.com
Kiểm tra với testmysite.withgoogle.com