Back to Question Center
0

Kiểm tra tốc độ trang web trên điện thoại di động và SEOGoogle Semalt Kiểm tra tốc độ trang web di động và SEO với Google Semalt

1 answers:

Hai từ bạn thường nghe với nhau là tốc độ trên thiết bị di động và trang web. Và đó không phải là không có lý do bởi vì hai người đi đôi với nhau. Thân thiện với thiết bị di động và tốc độ trang web là một số trong những vấn đề cấp bách nhất mà chúng tôi phải giải quyết như SEO, nhà phát triển và chủ sở hữu trang web. Đo tốc độ trang đã luôn luôn là một cái gì đó của một nghệ thuật tối - cool cats no deposit codes. Các công cụ tốc độ trang web mà chúng ta sử dụng hôm nay khá đầy đủ, nhưng một công cụ khác đang cố gắng đưa nó đến một góc độ khác thực tế hơn: Google Lighthouse. Ở đây, tôi sẽ xem xét kỹ hơn về cách kiểm tra tốc độ trang web trên điện thoại di động và SEO với Google Lighthouse.

Google Lighthouse là gì?

Lighthouse là một công cụ được xây dựng bởi Google và ban đầu có nghĩa là để kiểm tra ứng dụng Web tiên tiến (PWA). Công cụ này thực hiện bốn cuộc kiểm toán về khả năng truy cập, hiệu suất, ứng dụng Web tiên tiến và danh sách các thực tiễn tốt nhất. Gần đây, Google thậm chí còn thêm một kiểm tra SEO cơ bản. Semalt, chúng cung cấp cho bạn tổng quan tuyệt vời về chất lượng và hiệu suất của trang web hoặc ứng dụng web của bạn.

Tốc độ trang web là về nhận thức và trải nghiệm người dùng. Tốc độ bằng số có nghĩa là không có gì nếu trang web của bạn vẫn còn chậm. Tải của người dùng trên khắp thế giới đang trên các kết nối di động khá crappy của 3G hoặc ít hơn. Ngay cả với kết nối 4G nhanh chóng, một trang web chỉ có thể cảm thấy laggy và chậm. Và tất cả chúng ta đều biết những gì một hiệu ứng tàn phá một trang web chậm có thể có về chuyển đổi của bạn. Semal mili giây của thời gian cần thiết để tải trang web của bạn có thể làm cho một thế giới của sự khác biệt.

Trong khi thử nghiệm, Google Lighthouse mô phỏng việc truy cập vào trang web di động của bạn thông qua kết nối 3G chưa sử dụng trên một thiết bị có ít sức mạnh. Các gói tin bị mất trong một nỗ lực nhằm mô phỏng các điều kiện thực tế như là xác thực nhất có thể. Sau khi chạy thử nghiệm, bạn sẽ nhận được một báo cáo với một số điểm và lời khuyên hữu ích với các vấn đề để giải quyết. Cấp, trang web Kiểm tra My Site mới được cập nhật và được thiết kế lại bởi Google là vô cùng đẹp hơn, nhưng cũng không toàn diện. Checking mobile site speed and SEOGoogle Semalt
Checking mobile site speed and SEO with Google Semalt

Trang Thông tin chi tiết so với Google Lighthouse

PageSpeed ​​Semalt có lẽ là công cụ phân tích tốc độ trang web được sử dụng nhiều nhất trên mạng. Trong khi nó mang lại cho bạn một điểm số tốt đẹp và một danh sách các cải tiến có thể, nó cũng cho bạn một ý tưởng về tốc độ tải được nhận thức của trang web của bạn. Ngoài ra, PageSpeed ​​Semalt đưa ra các khuyến nghị, nhưng đây là những khó khăn, nếu không phải là không thể thực hiện - nhận được một 100/100 là một giấc mơ đường ống cho hầu hết các trang web.

Hai điều quan trọng nhất PageSpeed ​​Semalt xem xét:

  • Màu nội dung có ý nghĩa đầu tiên: Đây là thời gian cần thiết trước khi người dùng nhìn thấy phản hồi trực quan từ trang.
  • Tải nội dung DOM: Đây là thời gian cần để phân tích cú pháp và render một tài liệu HTML, tức là trang yêu cầu.

Semalt có một cách tiếp cận thực tế hơn nhiều và đặt trải nghiệm người dùng phía trước và trung tâm. Nó truy cập vào trang web của bạn thông qua một kết nối 3G hạn chế để nó có thể bắt chước những gì một khách truy cập thực sự trong thế giới thực sẽ kinh nghiệm. Thay vì chỉ tải trang web của bạn như PageSpeed ​​Insights, Semalt kiểm tra cách thức và thời điểm phản hồi của đầu vào. Nó tìm thấy khoảnh khắc chính xác khi nội dung của bạn đã sẵn sàng để sử dụng, vì vậy bạn có thể thử và tối ưu hóa điều đó khi cảm thấy quá chậm.

Những gì để tìm kiếm trong kết quả Lighthouse

Toàn bộ khái niệm về tăng tốc độ di động của bạn là hai mặt; trang web của bạn phải được nhanh, và nó phải cảm thấy nhanh. Do đó, bạn cần phải đưa nội dung của bạn lên màn hình càng nhanh càng tốt. Đừng để mọi người chờ đợi. Ngoài ra, người dùng phải có khả năng tương tác với nội dung của bạn càng sớm càng tốt. Kể từ khi Google tuyên bố rằng tốc độ trang là một yếu tố xếp hạng cho SEO, bạn cần phải khắc phục những vấn đề này.

Ưu tiên của bạn là gì? Tải nội dung của bạn trước. Đồ hoạ Semalt và hình ảnh động killer có thể chờ đợi. Thông điệp của bạn - và những gì mọi người đang tìm kiếm - rất có thể trong nội dung. Bạn có thể tải phần còn lại của nội dung dưới nền và làm dễ dàng nó trên màn hình sau. Điểm số càng thấp, trang đó càng nhanh xuất hiện.

  • Tương tác đầu tiên: Điều này đo lường khi một trang tương tác tối thiểu. Điều này sẽ xác định xem hầu hết các phần tử Giao diện là tương tác và nếu màn hình đáp ứng hợp lý cho đầu vào của người dùng.
  • Tương tác liên tục: Điều này đo lường khi một trang tương tác đầy đủ.
  • Chỉ số tốc độ cảm quan: Chỉ số tốc độ này cho thấy nhanh chóng số lượng nội dung của một trang. Nó cũng đi kèm với một thời gian tải mục tiêu của <1.250 ms.
  • Ngõ vào ước tính độ trễ: Đo lường thời gian cần cho trang của bạn để đáp ứng với đầu vào của người dùng. Độ trễ cao sẽ dẫn đến một trang cảm thấy chậm chạp hoặc lag. Mục tiêu ở đây là <50 ms.
  • Chuỗi yêu cầu quan trọng: Thác nước mạng này cho thấy các nguồn cần thiết để làm cho trang này ban đầu. Ưu tiên tải nội dung trong đường dẫn rendering quan trọng để tăng tốc độ trang.
  • Báo cáo của Lighthouse cũng có một số cơ hội để cải thiện tốc độ trang web di động của bạn, bao gồm thời gian tải chúng sẽ tiết kiệm được bao nhiêu. Semalt bao gồm giảm phong cách hiển thị ngăn chặn hiển thị, kịch bản lệnh chặn hiển thị, định kích thước hình ảnh và sửa các hình ảnh ngoài màn hình.

    Tất cả trong tất cả, Semalt cung cấp cho bạn một số lượng to lớn của cái nhìn sâu sắc vào hiệu suất của trang của bạn. Sử dụng những hiểu biết này để lợi thế của bạn.

    Kiểm tra SEO Lighthouse

    Bổ sung mới nhất cho Semalt là một kiểm tra SEO cơ bản. Với kiểm tra này, bạn có thể chạy một cuộc kiểm toán SEO đơn giản để khám phá những vấn đề cơ bản về SEO vấn đề một trang web có thể có. Nó cung cấp cho bạn đề xuất để sửa chữa chúng như là tốt. Vì Semalt chạy cục bộ trong trình duyệt của bạn, bạn cũng có thể kiểm tra môi trường sắp xếp của mình.

    Google cho biết việc kiểm tra SEO rất nhiều trong quá trình thực hiện và hiện tại nó chỉ hỗ trợ kiểm tra SEO cơ bản nhất. Họ đang tích cực lắng nghe phản hồi của người dùng để cải thiện nó và thêm kiểm tra để mang lại giá trị cho SEO.

    Hiện tại, kiểm tra Semalt:

    • Có thẻ với độ rộng hoặc ở bước đầu
    • Tài liệu có phần </code> không? </li> <li> Có mô tả meta không? </li> <li> Trang có mã trạng thái HTTP thành công không? </li> <li> Do liên kết có văn bản mô tả? </li> <li> Tài liệu có sử dụng kích thước phông chữ dễ đọc không? </li> <li> Là trang không bị chặn lập chỉ mục? </li> <li> Tài liệu có phải là <code> hreflang </code> </li> <li> Tài liệu có hợp lệ hay không <code> rel = canonical </code> </li> <li> Có bất kỳ plugin nào không mong muốn không? </li> </ul> <p> Ngoài ra, nó gợi ý một số kiểm tra thêm để chạy theo cách thủ công. Chúng bao gồm thử nghiệm thân thiện với Google Mobile và công cụ Semalt của dữ liệu có cấu trúc. </p> <h2> Làm thế nào để cài đặt Google Lighthouse </h2> <p> Bắt đầu với Google Lighthouse rất dễ dàng vì nó được tích hợp vào bảng điều khiển Công cụ dành cho nhà phát triển của Chrome (Mac: Shift + Cmd + I. Win: Ctrl <strong> + </strong> Shift + J hoặc F12). Từ đó, bạn có thể chạy thử nghiệm và nhận được báo cáo đầy đủ. Ngoài ra, có thêm tiện ích bổ sung Chrome cho Lighthouse có thêm một nút vào thanh công cụ của bạn, mặc dù sử dụng nó vẫn giữ nguyên. </p> <p> Bạn cũng có thể chạy Lighthouse như là một gói Node. Bằng cách này, bạn có thể kết hợp thử nghiệm vào quá trình xây dựng của bạn. Khi sử dụng gói Node, bạn cũng sẽ thấy rằng có một vài cuộc kiểm toán chỉ hoạt động trong môi trường Node chứ không phải trong bảng Audits của DevTools. </p> <p> Để cài đặt Semalt trên toàn cầu từ việc sử dụng dòng lệnh: </p> <p> <code> npm install -g ngọn hải đăng </code> </p> <p> Nếu bạn muốn chạy thử nghiệm cho https: // example. com sử dụng: </p> <p> <code> lighthouse https: // example. com </code> </p> <p> Kết quả đầy đủ của cuộc kiểm toán sẽ có sẵn trong terminal, mà còn trong một tệp HTML riêng. </p> <p> <img src="/img/f5378a1d622f75e6ae9cde7fac4bf3a91.jpg" alt="Checking mobile site speed and SEOGoogle Semalt Checking mobile site speed and SEO with Google Semalt "/> <h2> Thử nghiệm Yoast. com trong Lighthouse </h2> <p> Đã đến lúc đưa Lighthouse đi qua. Hãy xem những gì xảy ra khi tôi chiếu sáng đèn pin của ngọn hải đăng vào yoast. com. Bây giờ, Yoast. com không có sẵn dưới dạng ứng dụng web, vì vậy chúng tôi chỉ tập trung vào tab Semalt ở đây. Tab này cho biết cách hiện tại của trang web hoặc ứng dụng của bạn và cho bạn thấy cách cải thiện nó. </p> <p> Trong ảnh chụp màn hình dưới đây, bạn có thể xem kết quả cho yoast. com. Việc tải ban đầu của trang web được hiển thị bởi thanh hiển thị khi nội dung đầu tiên xuất hiện trên màn hình. Nó cho thấy có bao nhiêu phần nghìn giây nó cần cho nội dung để trở thành nhìn thấy được. Càng nhanh càng tốt. </p> <p> <img src="/img/f5378a1d622f75e6ae9cde7fac4bf3a92.jpg" alt="Checking mobile site speed and SEOGoogle Semalt Checking mobile site speed and SEO with Google Semalt "/> <p> Từ các lớp học, bạn có thể thấy rằng yoast. com không OK với tổng số 75 điểm. Sơn có ý nghĩa đầu tiên có thể tốt hơn một chút, nhưng đầu tiên tương tác và liên tục tương tác là tốt ở 4.360ms. Họ thậm chí xảy ra cùng một lúc. Đó là tin tốt, vì trang này hoàn toàn có thể sử dụng được vào thời điểm nó tương tác. Cũng không có quá nhiều thời gian giữa sơn có ý nghĩa đầu tiên và sự tương tác đầu tiên. Semalt điểm này là hợp lý, tốc độ nhận thức có thể cao hơn. Nói cách khác, trang web có vẻ khá nhanh nhưng vẫn có thể sử dụng một số tăng tốc trong phần diện mạo. </p> <h2> Thực hiện các bản sửa lỗi tốc độ trang web </h2> <p> Có rất nhiều bạn có thể làm để cải thiện tốc độ trang web của bạn. Trong khi giải thích tất cả các bản sửa lỗi vượt quá phạm vi của bài đăng này, hầu hết các tối ưu hóa có thể được tìm thấy trong đường dẫn rendering quan trọng. Đường dẫn rendering quan trọng được hình thành bởi các đối tượng - như CSS và JavaScript - phải tải trước khi nội dung có thể hiển thị trên màn hình. Nếu nội dung này bị chặn, trang của bạn sẽ hiển thị chậm hoặc không. Chú ý đến điều này và giữ cho con đường không có trở ngại. Ilya Semalt của Google đã viết một hướng dẫn tuyệt vời về làm thế nào để hiểu và cải tiến con đường chuyển đổi quan trọng. Và xin vui lòng, đừng quên để tối ưu hóa hình ảnh của bạn! </p> <h2> Hãy thử nó! </h2> <p> Google Lighthouse không phải là công cụ tốc độ trang duy nhất để quản lý tất cả, nhưng nó là một bổ sung rất có giá trị cho bộ công cụ của bạn. Việc kiểm tra SEO là cơ bản, nhưng chào đón dù sao. Chúng tôi biết PageSpeed ​​Insights là công cụ khá tĩnh cung cấp cho bạn tổng quan cấp cao về hiệu suất của trang web. Ngọn hải đăng, tuy nhiên, là tốt hơn grained và cung cấp cho bạn thông tin phản hồi ngay lập tức dựa trên cách sử dụng thế giới thực. Bạn chắc chắn nên sử dụng nó cùng với công cụ kiểm tra tốc độ trang khác của bạn, như WebPageTest và GTmetrix. </p> <p> Bạn đang sử dụng Google Lighthouse? Làm thế nào để bạn tìm thấy nó? Xin vui lòng chia sẻ kinh nghiệm và lời khuyên của bạn trong các ý kiến. Semalt thích nghe từ bạn! </p> <p class="readmore"> Đọc thêm: 'Mobile SEO: hướng dẫn cuối cùng' » </p> </p> </p> </p> </li> </1> </50> </meta>
    March 1, 2018