Nội dung
- 1 kết xuất là gì? What is rendering?
- 2 Làm thế nào trình duyệt hiển thị các trang web How browsers render web pages
- Kết xuất 3Dynamic Dynamic Rendering
- Tốc độ kết xuất 4 trang Page render speed
- 5Importance của kết xuất cho SEO Importance of Rendering for SEO
- 6References References
- Liên kết 7 Related links
- Bài viết 8simar Similar articles
Kết xuất là gì?
Kết xuất là một quá trình được sử dụng trong phát triển web biến mã trang web thành các trang tương tác mà người dùng nhìn thấy khi họ truy cập một trang web. Thuật ngữ này thường đề cập đến việc sử dụng mã HTML, CSS và JavaScript. Quá trình này được hoàn thành bởi một công cụ kết xuất, phần mềm được trình duyệt web sử dụng để hiển thị một trang web. Do mối liên hệ chặt chẽ của nó với các trình duyệt web, các công cụ kết xuất thường được gọi là công cụ trình duyệt.
Cách trình duyệt hiển thị các trang web
Trình duyệt web hiển thị các trang web trong chuỗi sau:
Xây dựng DOM và CSSOM từ mã thô
- Trong khi tải một trang web, một máy chủ web sẽ gửi một thư mục các tệp chứa mã HTML, CSS và JavaScript đến trình duyệt web của người dùng.
- Công cụ trình duyệt chuyển đổi dữ liệu này [byte] thành ký tự [mã HTML].
- Nó phân tích các ký tự vào mã thông báo [1], được phân tích nhanh vào các nút [2].
- Động cơ trình duyệt liên kết các nút thành cấu trúc giống như cây được gọi là mô hình đối tượng tài liệu [DOM]. DOM là đại diện JavaScript của HTML.
- Đồng thời, trình duyệt chuyển đổi mã CSS thành mô hình đối tượng CSS [CSSOM] thông qua một quy trình tương tự.
Hình ảnh kết xuất HTML từ các nhà phát triển.google.com
Sử dụng cây kết xuất để tạo trang web của người dùng cuối
- Động cơ trình duyệt kết hợp DOM và CSSOM để tạo cấu trúc giống như cây gọi là cây kết xuất. Cây kết xuất chứa các trình duyệt thông tin phong cách và nội dung cần phải điền vào trang web cho người xem xem, tính toán bố cục cho từng phần tử có thể nhìn thấy của trang web và vẽ chúng trên màn hình cho chế độ xem của người dùng cuối.
- Hoạt động bố cục là bước tiếp theo. Sử dụng cây kết xuất, động cơ trình duyệt tính toán vị trí của từng phần tử có thể nhìn thấy của một trang web.
- Cuối cùng, động cơ trình duyệt thêm hoặc sơn, các yếu tố trên màn hình để xem người dùng cuối. Trang web hiện đã được hiển thị.
Kết xuất động
JavaScript là một lựa chọn phổ biến để kết xuất các trang web vì nó được sử dụng để tạo trải nghiệm người dùng trực quan. Tuy nhiên, nhiều bot công cụ tìm kiếm đấu tranh để xử lý JavaScript dễ dàng [3]. Do đó, các trang web sử dụng JavaScript để chứa hầu hết nội dung và điều hướng của họ có nguy cơ vô hình với trình thu thập thông tin web. Kết xuất động giải quyết vấn đề này bằng cách hiển thị một trang web như được mô tả ở trên cho người dùng con người, đồng thời hiển thị HTML tĩnh cho bot công cụ tìm kiếm để thu thập dữ liệu và lập chỉ mục.
Tốc độ kết xuất trang
Tốc độ kết xuất trang đề cập đến thời gian cần thiết để tạo một trang. Tốc độ kết xuất trang được đo từ khi yêu cầu trình duyệt được gửi [khi người dùng nhấp vào liên kết] đến khi trang trở nên đầy đủ chức năng cho người dùng. Tốc độ kết xuất trang và tốc độ tải trang [thời gian để người dùng xem trang web] được sử dụng thay thế cho vì cả hai quy trình thường xảy ra trong vòng hai giây của nhau.
Tốc độ kết xuất trang thấp làm tăng tốc độ thoát và chuyển đổi thấp hơn. Trong một nghiên cứu của Google, thời gian tải cho các phiên bị trả lại chậm hơn 2,5 giây so với các đối tác không bị trả trước của nó [4].
Hình ảnh về tốc độ thoát theo thời gian tải trang từ ThinkWithGoogle.com
Do ảnh hưởng của Page Render Tốc độ đối với trải nghiệm người dùng, Google đã biến Page Speed thành yếu tố xếp hạng chính thức trong năm 2010 [5] Do đó, giữ tốc độ kết xuất và tốc độ trang tổng thể càng nhanh càng tốt, do đó, là một nhiệm vụ quan trọng trong SEO.
Tầm quan trọng của việc kết xuất SEO
Kết xuất trang web ảnh hưởng đến cách một trang được lập chỉ mục bởi bot và được người dùng trải nghiệm. Hiểu được tác động của việc kết xuất đối với bảng xếp hạng công cụ tìm kiếm và kết quả SEO sẽ là một cân nhắc quan trọng cho bất kỳ nhóm phát triển web nào.
Tóm lại, đối với nhiều trang web [như các nhà bán lẻ trực tuyến], xây dựng một trang web chủ yếu trong JavaScript có thể cung cấp giao diện thân thiện nhất với người dùng và thẩm mỹ nhất. Tuy nhiên, các bot công cụ tìm kiếm có thể đấu tranh để thu thập dữ liệu các trang web này, điều này tác động tiêu cực đến thứ hạng công cụ tìm kiếm và lưu lượng truy cập hữu cơ. Mặt khác, các trang hiển thị từ từ tác động tiêu cực đến cả trải nghiệm người dùng và thứ hạng của công cụ tìm kiếm.
Những sự thật này được xem xét, các nhà phát triển web phải chú ý cẩn thận đến các yêu cầu đối với bot và con người để tối đa hóa hiệu suất SEO.
Người giới thiệu
- Anatomy của một trình biên dịch được truy xuất vào ngày 11 tháng 12 năm 2020. Anatomy of a Compiler Retrieved 11 December 2020.
- Techopedia nút. Truy cập ngày 27 tháng 5 năm 2022. Node techopedia. Retrieved 27 May 2022.
- Triển khai kết xuất động Google Search Central. Truy cập ngày 8 tháng 12 năm 2020. Implement Dynamic Rendering Google Search Central. Retrieved 8 December 2020.
- Tại sao các nhà tiếp thị nên quan tâm đến tốc độ trang di động nghĩ với Google. Truy cập ngày 3 tháng 12 năm 2020. Why marketers should care about mobile page speed Think with Google. Retrieved 3 December 2020.
- Sử dụng tốc độ trang web trong Xếp hạng tìm kiếm trên web Google Search Central. Truy cập ngày 11 tháng 12 năm 2020. Using site speed in web search ranking Google Search Central. Retrieved 11 December 2020.
- //developers.google.com/web/fundaments/performance/critical-cendering-path/render-pree-inction
- //developer.mozilla.org/en-us/docs/web/performance/how_browser_work
Bài viết tương tự
- HTML5
- Tốc độ trang