SemrushEnterpriseby LionTech · Vietnam PartnerĐăng ký demo ↗
SEO kỹ thuật

Google PageSpeed Insights: Nó là gì và cách cải thiện điểm số của bạn

Google PageSpeed Insights là một công cụ miễn phí phổ biến phân tích tốc độ của một trang trên các thiết bị di động và máy tính để bàn.

Google PageSpeed Insights là gì?

Google PageSpeed Insights (PSI) là một công cụ miễn phí phân tích hiệu suất của các trang web của bạn trên các thiết bị di động và máy tính để bàn. Nó cung cấp các chỉ số giá trị (được gọi là Core Web Vitals) để đánh giá chất lượng trải nghiệm người dùng.

Công cụ này cho bạn một điểm số từ 0 đến 100. Điểm số cao hơn thường có nghĩa là trang của bạn được tối ưu hóa cho tốc độ và hiệu quả.

PSI sử dụng Lighthouse (một công cụ tự động mã nguồn mở) để phân tích hiệu suất và chất lượng của các trang web. Nó cung cấp một báo cáo hiệu suất với các gợi ý cải thiện dựa trên hai loại dữ liệu:

  • Dữ liệu Lab: Đây là dữ liệu được thu thập bởi Lighthouse trong một môi trường kiểm soát. Nó giúp bạn gỡ lỗi các vấn đề bằng cách mô phỏng cách trang web của bạn tải nhưng có thể không cho thấy các vấn đề trải nghiệm người dùng thực tế.
  • Dữ liệu Field: Đây là dữ liệu trải nghiệm người dùng thực tế được thu thập từ những người dùng thực khi họ tương tác với trang web của bạn. Nó cung cấp cái nhìn thực tế về trải nghiệm người dùng nhưng bao gồm ít chỉ số hơn.

Điểm số PageSpeed Insights tốt là gì?

Một điểm số từ 90 trở lên là tốt, từ 50 đến 89 cần cải thiện, và dưới 50 được coi là kém, theo Google.

Điểm số Google Page Speed Insights: 90+ cho thấy điểm số tốt. 50-89 có nghĩa là cần cải thiện và dưới 50 có nghĩa là điểm số kém.

Nếu điểm số của bạn dưới 90 trên nhiều trang, có thể người dùng của bạn không có trải nghiệm tốt. Và cũng có thể có một số tác động tiêu cực đến SEO.

Nhưng không cần phải quá lo lắng về việc đạt được điểm số hoàn hảo 100—đặc biệt là trên mọi trang. Bởi vì người truy cập cuối cùng quan tâm đến việc nhanh chóng tìm thấy thông tin (hoặc một giải pháp). Chứ không phải điểm số của bạn.

Điểm số PageSpeed Insights của bạn ảnh hưởng đến SEO như thế nào?

Google không chạy trang web của bạn qua PSI và sử dụng nó để xếp hạng bạn. Nhưng điểm số đó có một phần dựa trên tốc độ tải trang—một yếu tố xếp hạng đã được Google xác nhận.

Thời gian tải chậm làm người dùng thất vọng và khiến họ rời bỏ trang web của bạn. Nhưng người truy cập có khả năng ở lại và tương tác với trang web của bạn nếu các trang tải nhanh.

Điều này dẫn đến trải nghiệm người dùng tốt hơn. Và các công cụ tìm kiếm thưởng cho các trang web cung cấp một trải nghiệm trang tuyệt vời cho người truy cập.

Vì vậy, cải thiện điểm số PSI của bạn có khả năng có tác động tích cực đến thứ hạng tìm kiếm của bạn.

Lưu ý

Mặc dù tốc độ tải trang là quan trọng, bạn cũng nên tập trung vào các yếu tố khác như chất lượng nội dung, backlink và SEO kỹ thuật để có thứ hạng cao trong kết quả tìm kiếm.

Cách sử dụng công cụ Google PageSpeed Insights

PageSpeed Insights khá dễ sử dụng.

Chỉ cần truy cập vào PageSpeed Insights, nhập bất kỳ URL nào (dù là của bạn hay của đối thủ), và nhấp vào “Phân tích.”

Giao diện chính của Google PageSpeed Insights với một tên miền đã được nhập và nút "Phân tích" đã được nhấn.

Sau đó, chờ công cụ phân tích trang web. Điều này có thể mất vài giây đến một phút, tùy thuộc vào độ phức tạp của trang và tốc độ kết nối internet của bạn.

Lưu ý

Bạn có thể xem trang báo cáo kết quả cho cả phiên bản di động và máy tính để bàn của trang.

Ở đầu báo cáo, bạn sẽ thấy liệu trang web của bạn đã vượt qua hay thất bại trong Đánh giá Core Web Vitals. Như thế này:

Đánh giá Core Web Vitals đã vượt qua trên báo cáo PageSpeed Insights.

Các Core Web Vitals là một nhóm các chỉ số đo lường tính thân thiện của một trang web (hoặc một trang). Dựa trên thời gian tải, khả năng tương tác và sự ổn định hình ảnh.

Nó bao gồm ba chỉ số này:

  • Largest Contentful Paint (LCP): Đo lường hiệu suất tải, cụ thể là thời gian cần thiết để phần tử nội dung lớn nhất của trang trở nên hiển thị với người dùng
  • Interaction to Next Paint (INP): Đo lường khả năng phản hồi, cụ thể là tốc độ (hoặc chậm) mà một trang phản hồi với các tương tác của người dùng
  • Cumulative Layout Shift (CLS): Đo lường sự ổn định hình ảnh, cụ thể là mức độ mà nội dung trang di chuyển khi nó tải

Các chỉ số đáng chú ý khác bao gồm:

  • First Contentful Paint (FCP): Đo lường thời gian mà một trang cần để hiển thị phần tử nội dung đầu tiên
  • First Input Delay (FID): Đo lường khả năng tương tác, cụ thể là thời gian cần thiết để trang web phản hồi với tương tác đầu tiên của người dùng, chẳng hạn như nhấp vào một nút hoặc một liên kết. (Trước đây FID là một trong ba Core Web Vitals. INP đã thay thế nó vào tháng 3 năm 2024)
  • Time to First Byte (TTFB): Đo lường khả năng phản hồi của máy chủ web, cụ thể là thời gian cần thiết để trình duyệt nhận byte dữ liệu đầu tiên từ máy chủ. Sau khi người dùng yêu cầu một trang web.

Tiếp theo, bạn sẽ thấy một điểm số hiệu suất trong phần có tiêu đề “Chẩn đoán các vấn đề hiệu suất.”

Chẩn đoán các vấn đề về hiệu suất của trang hiển thị điểm số cho hiệu suất, khả năng tiếp cận, thực tiễn tốt nhất và SEO.

Google PageSpeed Insights đưa ra điểm số cho trang của bạn cho từng danh mục sau:

  • Hiệu suất: Đây là trung bình có trọng số của các điểm số của First Contentful Paint (FCP), Speed Index, Total Blocking Time (TBT), Largest Contentful Paint (LCP), và Cumulative Layout Shift (CLS). Nó cho biết trang của bạn hoạt động tốt như thế nào về tốc độ và tối ưu hóa.
  • Khả năng truy cập: Danh mục này đánh giá các yếu tố như dễ dàng điều hướng, văn bản thay thế cho hình ảnh, và độ tương phản màu sắc cho người dùng khiếm thị.
  • Thực hành tốt nhất: Danh mục này đo lường mức độ tuân thủ của trang bạn với các thực hành phát triển web tốt nhất. Từ việc sử dụng công nghệ web hiện đại, mã hóa tối ưu, và kết nối an toàn, đến việc bao gồm các thẻ meta cần thiết và quản lý JavaScript hiệu quả
  • SEO (Tối ưu hóa công cụ tìm kiếm)Danh mục này tập trung vào việc trang của bạn được tối ưu hóa cho các công cụ tìm kiếm như thế nào, xem xét các khía cạnh như metadata, dữ liệu có cấu trúc và khả năng thân thiện với di động.

Khi bạn cuộn xuống, bạn sẽ thấy một danh sách các mục gọi là “Chẩn đoán.”

Đây là những khuyến nghị của Google để cải thiện trang web của bạn. Điều đó có thể là tối ưu hóa hình ảnh, đơn giản hóa mã hoặc giảm thời gian phản hồi của máy chủ.

Chẩn đoán trên Page Speed Insights với các khuyến nghị tối ưu hóa và tác động dự kiến của việc thực hiện từng gợi ý.

Phần này liệt kê các kiểm tra hiệu suất mà trang web của bạn không vượt qua, cùng với tiềm năng tiết kiệm nếu các vấn đề được khắc phục.

Bạn có thể nhấp vào từng mục để tìm hiểu sâu hơn về nguyên nhân gây ra vấn đề. Và cách để khắc phục nó.

Sau khi bạn thực hiện các đề xuất, hãy chạy lại phân tích để xem liệu hiệu suất của trang đã được cải thiện hay chưa. Và hãy xem xét việc chạy phân tích hai lần vào các thời điểm khác nhau trong ngày vì bạn có thể nhận được điểm số khác nhau ngay cả khi không thực hiện thay đổi nào.

Cách Kiểm Tra Tốc Độ Trên Toàn Bộ Trang Web Của Bạn

Để có cái nhìn đầy đủ hơn về tốc độ của toàn bộ trang web, hãy sử dụng Google PageSpeed Insights cùng với Semrush Site Audit công cụ. Công cụ này đo tốc độ trang web của bạn và cung cấp những thông tin sâu sắc về các yếu tố ảnh hưởng đến nó.

Mở công cụ, nhập miền của bạn và nhấp vào “Bắt đầu Kiểm Tra.”

Công cụ Site Audit tìm kiếm với một miền đã nhập và nút "Bắt đầu kiểm tra" đã được nhấn,

Tiếp theo, làm theo hướng dẫn cấu hình và nhấp vào “Bắt đầu Kiểm Tra Trang Web.”

Trang cài đặt Site Audit để chọn phạm vi thu thập dữ liệu, nguồn và giới hạn số trang được kiểm tra.

Bạn sẽ thấy một bảng điều khiển như thế này.

Tiếp theo, nhấp vào “Xem chi tiết” dưới “Hiệu Suất Trang Web”.

Phần "Hiệu suất Trang" được làm nổi bật trên bảng điều khiển Site Audit.

Trong báo cáo “Hiệu Suất Trang Web”, bạn sẽ thấy tốc độ tải trang trung bình của bạn tính bằng giây.

Tốc độ tải trang trung bình hiển thị 0.21 giây trong báo cáo "Hiệu suất Trang".

Bạn cũng sẽ thấy một danh sách “Vấn Đề Hiệu Suất” mà bạn có thể giải quyết để cải thiện tốc độ trên toàn bộ trang web của mình.

Cách Cải Thiện Điểm Số Google PageSpeed Insights Của Bạn

Để cải thiện điểm số PSI của bạn, bạn có thể làm theo các khuyến nghị từ báo cáo PageSpeed Insights của bạn cũng như báo cáo Hiệu Suất Trang Web trong Site Audit.

Một số đề xuất có thể dễ dàng thực hiện bởi chính bạn (ví dụ: thay đổi kích thước hình ảnh). Những cái khác có thể cần đến sự chuyên môn của một nhà phát triển web và/hoặc một chuyên gia SEO kỹ thuật (ví dụ: giảm JavaScript không sử dụng).

Nói như vậy, đây là hướng dẫn từng bước để thực hiện một số đề xuất phổ biến nhất của Google trong PageSpeed Insights (PSI) để nâng cao điểm số của bạn.

1. Loại Bỏ Tài Nguyên Chặn Việc Render

Tài nguyên chặn việc render ngăn một trang web tải nhanh. Điều này xảy ra vì các tài nguyên như CSS, JavaScript và tệp phông chữ buộc trình duyệt phải tải chúng trước khi hiển thị trang.

Loại bỏ những trở ngại này có thể giúp trang của bạn tải nhanh hơn và cải thiện điểm số kiểm tra tốc độ trang web của bạn trên Google.

Để làm điều đó, hãy làm theo các bước sau:

  1. Tìm kiếm "Loại bỏ tài nguyên chặn việc render" trong phần "Chẩn đoán" của báo cáo PSI của bạn.
"Loại bỏ các tài nguyên chặn quá trình kết xuất" trong phần "Chẩn đoán" của báo cáo PSI được làm nổi bật.
  1. Nhấp vào mũi tên bên cạnh đề xuất để xem danh sách các tài nguyên đang gây ra vấn đề. Điều này sẽ cho bạn biết tài nguyên nào đang chặn trang không render nhanh chóng—và tiềm năng tiết kiệm thời gian tính bằng mili giây.
Danh sách các tài nguyên chặn một trang không tải nhanh.
  1. Khi bạn đã xác định được các tài nguyên chặn việc render, bước tiếp theo là xác định những tài nguyên nào không cần thiết cho chức năng của trang web để có thể loại bỏ, nhúng hoặc hoãn lại.

Nếu bạn không quen thuộc với lập trình hoặc phát triển trang web, bạn có thể cần sự hỗ trợ của nhà phát triển cho bước này.

2. Giảm Thời Gian Phản Hồi Của Máy Chủ

Thời gian phản hồi của máy chủ, còn được gọi là thời gian đến byte đầu tiên (TTFB), là thời gian mà trình duyệt mất để nhận byte dữ liệu đầu tiên từ máy chủ. TTFB chậm có thể ảnh hưởng tiêu cực đến tốc độ tải trang, vì nó làm chậm thời gian mà trình duyệt nhận nội dung của trang.

Khi một người dùng cố gắng truy cập một trang web, trình duyệt sẽ thực hiện một yêu cầu mạng để lấy nội dung đó. Máy chủ sau đó nhận yêu cầu và trả về nội dung trang.

Thời gian phản hồi của máy chủ (TTFB) là quá trình trao đổi giữa máy khách và máy chủ, bao gồm cả các tương tác phần mềm và phần cứng.

Google PSI sẽ cung cấp khuyến nghị “Giảm thời gian phản hồi máy chủ ban đầu” khi trình duyệt chờ hơn 600 mili giây để máy chủ phản hồi yêu cầu.

"Giảm thời gian phản hồi của máy chủ" trên PSI Diagnostics với cột "Thời gian đã sử dụng" được làm nổi bật.

Để giảm thời gian phản hồi của máy chủ, bạn có thể thử các cách sau:

  • Chọn một dịch vụ lưu trữ web cung cấp máy chủ nhanh và độ trễ thấp
  • Tối ưu hóa logic ứng dụng của máy chủ bằng cách tối ưu hóa mã và loại bỏ các quy trình không cần thiết để tạo trang nhanh hơn
  • Lập chỉ mục đúng cách các bảng cơ sở dữ liệu để cải thiện hiệu suất truy vấn. Nếu cần, hãy xem xét nâng cấp lên hệ thống cơ sở dữ liệu nhanh hơn.
  • Cải thiện hiệu suất máy chủ bằng cách thêm nhiều bộ nhớ truy cập ngẫu nhiên (RAM) và nâng cấp lên bộ xử lý nhanh hơn. Để máy chủ của bạn có thể xử lý nhiều yêu cầu một cách hiệu quả.
  • Sử dụng một mạng phân phối nội dung (CDN) để phân phối tài nguyên của trang bạn qua nhiều máy chủ. Điều này giảm thời gian cần thiết để cung cấp những tài nguyên đó cho người dùng.

Bạn có thể cần sự hỗ trợ từ một nhà phát triển hoặc nhà cung cấp dịch vụ lưu trữ web của bạn cho điều này.

3. Tối Ưu Hóa Hình Ảnh Của Bạn

Hình ảnh (đặc biệt là những hình ảnh lớn) có thể làm tăng đáng kể tốc độ tải trang.

Báo cáo kiểm tra tốc độ trang của Google cho bạn thấy tất cả hình ảnh trên trang của bạn không được kích thước hợp lý và hiển thị kích thước hiện tại cũng như tiềm năng tiết kiệm tính bằng kibibyte (KiB).

Trang "Kích thước hình ảnh phù hợp" trên PSI Diagnostics với các cột "Kích thước tài nguyên" và "Tiết kiệm tiềm năng" được làm nổi bật.

Thay đổi kích thước những hình ảnh này có thể giúp bạn tiết kiệm dữ liệu và cải thiện thời gian tải trang.

Có nhiều cách để tối ưu hóa hình ảnh của bạn. Và tin tốt là điều này tương đối đơn giản.

Bạn có thể:

  • Nén hình ảnh của bạn bằng cách sử dụng một công cụ như TinyPNG hoặc ShortPixel trước khi tải chúng lên trang web của bạn
  • Sử dụng định dạng hình ảnh phù hợp (JPEG, PNG, GIF hoặc WebP) cho mỗi hình ảnh để tối ưu hóa kích thước tệp và duy trì chất lượng hình ảnh
  • Sử dụng thuộc tính “srcset” để phục vụ kích thước hình ảnh phù hợp dựa trên thiết bị của người dùng.
  • Tải hình ảnh theo cách lười biếng bằng cách sử dụng một plugin WordPress như LazyLoad hoặc Smush

Nếu bạn có một trang web WordPress, việc này khá đơn giản để tự làm. Đây là cách sử dụng TinyPNG để tối ưu hóa hình ảnh của bạn:

  1. Đăng nhập vào WordPress
  2. Nhấn “Thêm Plugin.” Sau đó tìm kiếm “TinyPNG.” Khi bạn đã tìm thấy plugin, nhấn “Cài đặt” và sau đó “Kích hoạt.”
  3. Khi bạn đã đăng ký tài khoản của mình, hãy vào “Thư viện Media” và chọn “Tối ưu hóa hàng loạt.”
Tùy chọn "Tối ưu hóa hàng loạt" được hiển thị trên menu Wordpress.

Plugin sẽ cho bạn biết có bao nhiêu hình ảnh bạn đã tải lên và bạn đã tiết kiệm được bao nhiêu dung lượng.

Phần "Hình ảnh có sẵn" và "Tiết kiệm tổng" được hiển thị trong plugin “Tối ưu hóa hàng loạt”

4. Tránh Xâu Chuỗi Các Yêu Cầu Quan Trọng

Xâu chuỗi các yêu cầu quan trọng là khi một trang cần tải nhiều tệp và tài sản để hiển thị.

Trang "Tránh xâu chuỗi các yêu cầu quan trọng" trên PSI Diagnostics với phần "Điều hướng ban đầu" được làm nổi bật.

Giả sử bạn là quản lý thương mại điện tử tại một cửa hàng thức ăn cho thú cưng.

Trên trang đích của bạn cho thức ăn mèo, văn bản sẽ không hiển thị cho đến khi hình ảnh của những chú mèo con dễ thương đã được tải lên. Và để các hình ảnh đó tải lên, tệp CSS cần phải được tải trước. Và cứ như vậy.

Mỗi yêu cầu phụ thuộc vào yêu cầu trước đó, tạo thành một chuỗi. Và nếu bất kỳ tài nguyên nào không tải lên, trình duyệt sẽ không hiển thị trang. Điều này có thể gây ra sự chậm trễ đáng kể.

Cách mà việc liên kết các yêu cầu quan trọng làm chậm quá trình hiển thị trang, với các yêu cầu được đánh dấu từ 1 đến 3, nhiều yêu cầu hơn, và hiển thị các trang.

Để tránh những chuỗi này, bạn cần thiết lập ưu tiên. Bằng cách đó, các tài nguyên quan trọng sẽ được tải trước, để trang có thể được hiển thị. Và những thứ ít quan trọng hơn sẽ được tải sau.

Một cách tốt để làm điều đó là thêm các thuộc tính "async" và "defer" vào mã của trang web của bạn.

Thuộc tính "async" cho trình duyệt biết tiếp tục tải và hiển thị phần còn lại của trang trong khi tệp hoặc tài sản đang tải ở chế độ nền.

Thuộc tính "defer" chỉ dẫn cho trình duyệt tải tệp hoặc tài sản sau khi trang đã hiển thị cho người dùng. Bằng cách này, trang sẽ được hiển thị trước, và sau đó những thứ không cần thiết sẽ tải lên.

Nếu bạn không thể tự mình thay đổi mã của trang web, bạn có thể yêu cầu một nhà phát triển thêm các thẻ script “async” và “defer” cho bạn.

Cần lưu ý rằng việc sử dụng những thuộc tính này có thể gây ra vấn đề với một số loại script nhất định. Vì vậy, hãy chắc chắn kiểm tra kỹ lưỡng trước khi triển khai chúng trên trang web của bạn.

5. Tiền Tải Các Yêu Cầu Quan Trọng

Tiền tải các yêu cầu quan trọng có nghĩa là thông báo cho trình duyệt ưu tiên các tài sản quan trọng và tải chúng trước. Bằng cách đó, các tệp liên quan nhất có thể tải nhanh hơn.

Các yêu cầu quan trọng là bất kỳ thứ gì mà trang cần ở giai đoạn tải sớm. Các yêu cầu quan trọng phổ biến nhất là phông chữ. Nhưng điều này cũng có thể áp dụng cho các tệp JavaScript, tệp CSS và hình ảnh.

Phần "Yêu cầu khóa tải trước" trên PSI Diagnostics.

Nếu trang web của bạn chạy trên WordPress, bạn có thể sử dụng các plugin như Preload Images và Pre* Party hỗ trợ tiền tải.

Nếu không, hãy yêu cầu một nhà phát triển xác định các yêu cầu quan trọng và thêm thẻ preload vào mã.

6. Giảm Kích Thước CSS và JavaScript

CSS là một phần quan trọng của thiết kế web. Nhưng các tệp CSS thường lớn hơn mức cần thiết, điều này làm chậm trang web của bạn.

Tương tự, JavaScript là rất quan trọng cho hoạt động của trang web của bạn. Nhưng nó cũng có thể làm chậm trang web của bạn đáng kể nếu mã không được tối ưu hóa đúng cách.

Giảm kích thước mã của bạn—một quá trình được gọi là “minifying”—giúp nó tải nhanh hơn.

Phần "Minify JavaScript" trên PSI Diagnostics với các cột "Kích thước chuyển nhượng" và "Tiết kiệm tiềm năng" được làm nổi bật.

Minifying mã của bạn liên quan đến việc loại bỏ các ký tự không cần thiết từ các tệp CSS và JavaScript của bạn. Như khoảng trắng và chú thích.

Có nhiều công cụ để minify mã của bạn, chẳng hạn như Toptal CSS Minifier, Toptal JavaScript Minifier, và Minify.

Bạn cũng có thể xem xét sử dụng các framework hoặc thư viện JavaScript được thiết kế nhẹ và tải nhanh. Như jQuery hoặc React.

Nếu trang web của bạn trên WordPress, bạn có thể sử dụng một plugin để giúp. Các plugin phổ biến cho việc minification CSS và JavaScript bao gồm Hummingbird, LiteSpeed Cache, và W3 Total Cache.

Đây là cách sử dụng Hummingbird để minify mã của bạn:

  1. Đăng nhập vào WordPress và chọn “Plugins” từ menu bảng điều khiển
  2. Để cài đặt Hummingbird, nhấn “Thêm Plugin” sau đó “Kích hoạt”
  3. Tìm “Hummingbird” trong menu bảng điều khiển và hoàn thành wizard thiết lập
  4. Sau đó quay lại “Bảng điều khiển”
“Hummingbird” được làm nổi bật trên menu bảng điều khiển WordPress.
  1. Kiểm tra xem các tệp của bạn có được đánh dấu là “Hoạt động” trong phần Gzip Compression hay không.
Phần nén Gzip hiển thị "Nén Gzip hiện đang hoạt động. Làm tốt lắm!"

Xem hướng dẫn của chúng tôi về SEO JavaScript để biết thêm hướng dẫn chi tiết về cách tối ưu hóa mã JavaScript trên trang web của bạn.

7. Hoãn Tải Hình Ảnh Ngoài Màn Hình

Một cách khác để giải quyết tốc độ tải trang chậm liên quan đến hình ảnh là hoãn tải cho các hình ảnh ngoài màn hình—có nghĩa là các hình ảnh không hiển thị trên màn hình nhưng vẫn đang được trình duyệt tải.

"Hoãn tải hình ảnh ngoài màn hình" hiển thị kích thước tài nguyên và tiềm năng tiết kiệm cho hình ảnh trên PSI Diagnostics.

Bằng cách hoãn tải cho các hình ảnh không nhìn thấy, bạn có thể ưu tiên các hình ảnh mà có thể nhìn thấy. Vì vậy, trang có thể tải nhanh hơn.

Bạn có thể làm điều này bằng cách sử dụng lazy loading. Có nghĩa là chỉ tải hình ảnh khi chúng cần thiết. Như khi chúng xuất hiện trên màn hình.

Điều này có thể giảm đáng kể thời gian tải trang, đặc biệt là trên các thiết bị di động với kết nối internet chậm.

WordPress có các plugin có thể làm điều đó cho bạn, chẳng hạn như Lazy Loader.

8. Giảm Kích Thước Mô Hình Đối Tượng Tài Liệu

Mô hình đối tượng tài liệu (DOM) là một biểu diễn giống như cây của cấu trúc HTML của một trang web. Kích thước DOM lớn có thể dẫn đến thời gian tải chậm và trải nghiệm người dùng kém.

"Tránh kích thước DOM quá lớn" trong phần Chẩn đoán PSI hiển thị các cột thống kê, phần tử và giá trị.

Để giảm kích thước DOM của bạn, bạn có thể:

  • Yêu cầu đội ngũ phát triển của bạn loại bỏ các phần tử và thuộc tính không cần thiết khỏi mã HTML và loại bỏ các tệp JavaScript hoặc CSS không sử dụng.
  • Sử dụng render phía máy chủ (SSR) để render các trang trên máy chủ trước khi gửi chúng đến khách hàng
  • Tránh (hầu hết) các trình tạo trang trực quan vì chúng tạo ra HTML phình to
  • Đừng dán văn bản vào các trình tạo trang WYSIWYG (what-you-see-is-what-you-get)
  • Tìm kiếm các chủ đề và plugin được mã hóa sạch sẽ

Các công cụ như Google’s Chrome DevTools có thể giúp bạn phân tích kích thước DOM và xác định các khu vực cần cải thiện. Bạn có thể cần hỗ trợ từ nhà phát triển để thực hiện các thay đổi.

9. Sửa chữa các chuyển hướng trang nhiều lần

Chuyển hướng tự động chuyển tiếp traffic từ một URL này sang URL khác. Chúng cũng có thể làm chậm tốc độ tải trang của bạn.

Giả sử bạn cố gắng truy cập một trang đã bị chuyển hướng. Máy chủ thông báo cho trình duyệt của bạn rằng trang đã di chuyển. Sau đó, trình duyệt của bạn cố gắng lấy URL mới. Bước bổ sung này làm cho việc tải trang mới lâu hơn.

Một chuyển hướng đã ảnh hưởng đến tốc độ trang. Nhưng thường thì, bạn có thể gặp phải vấn đề với nhiều chuyển hướng liên tiếp. Những cái này được gọi là chuỗi chuyển hướng.

Chuỗi chuyển hướng thường xảy ra khi các trang cũ bị xóa và các trang mới thay thế chúng. Do đó, có nhiều hơn một trang giữa URL gốc và URL cuối cùng. Như thế này:

Sơ đồ giải thích một chuỗi chuyển hướng với ba URL (URL A, URL B, URL C), cho thấy các chuyển hướng từ một URL này sang URL khác.

Google có thể theo dõi lên đến 10 chuyển hướng mà không báo cáo vấn đề nào trong Google Search Console. Nhưng chuỗi chuyển hướng có thể làm chậm trang web của bạn một cách không cần thiết.

Vì vậy, tốt nhất là giữ mọi thứ đơn giản để cải thiện điểm số PageSpeed Insights của bạn. Và bạn nên chuyển hướng thẳng từ URL gốc đến URL mới nhất.

Cách dễ nhất để có cái nhìn tổng quan về các chuyển hướng trên trang web của bạn là sử dụng một công cụ SEO như Site Audit.

Nhấp vào tab “Issues” và gõ “chuyển hướng” vào thanh tìm kiếm.

Sau đó, nhấp vào “# chuỗi và vòng lặp chuyển hướng.”

Phần lỗi trong Site Audit hiển thị "2 chuỗi và vòng lặp chuyển hướng"

Điều này sẽ hiển thị cho bạn một báo cáo chứa danh sách các trang, loại chuyển hướng của chúng và số lượng chuyển hướng.

Báo cáo "2 chuỗi chuyển hướng và vòng lặp" về các vấn đề trong Site Audit.

Nếu bạn đã xác định được bất kỳ chuỗi chuyển hướng nào, bạn có thể đăng nhập vào hệ thống quản lý nội dung (CMS) của mình để sửa chữa chúng. Bạn sẽ cần xóa các chuyển hướng không cần thiết và thực hiện một chuyển hướng mới chỉ gửi traffic từ trang gốc đến trang hiện tại.

Nhiều plugin WordPress miễn phí (bao gồm cả Easy Redirect Manager, Redirection, và Simple Page Redirect) sẽ giúp bạn chỉnh sửa hoặc thiết lập các chuyển hướng.

Dưới đây là cách thực hiện với Easy Redirect Manager:

1. Đăng nhập vào WordPress, nhấp vào “Plugins” và sau đó “Thêm mới.”

2. Tìm kiếm “Easy Redirect Manager.” Sau đó, nhấp vào “Cài đặt và kích hoạt.”

3. Sau đó nhấp vào “Quản lý chuyển hướng.”

Nút “Quản lý chuyển hướng” được làm nổi bật dưới "Chuyển hướng 301" trên Easy Redirect Manager.

4. Trong tab “Quy tắc chuyển hướng”, nhập địa chỉ của URL cũ và URL mà bạn muốn chuyển hướng đến. Và nhấp vào “Lưu.”

Tab "Quy tắc chuyển hướng" với các thanh "chuyển hướng từ" và "chuyển hướng đến" được làm nổi bật trên Easy Redirect Manager.

10. Tránh sử dụng quá nhiều mã bên thứ ba

Mã bên thứ ba bao gồm các script, pixel và plugin. Nó có thể làm chậm thời gian tải trang và ảnh hưởng tiêu cực đến điểm số PageSpeed Insights của bạn.

Mã bên thứ ba thường đến từ các công ty khác—như các công cụ phân tích và nhà quảng cáo—theo dõi hiệu suất trang web của bạn.

Một số mã bên thứ ba là cần thiết và hữu ích. Ví dụ, bạn có thể có pixel Google Analytics để đo lường hiệu suất trang web. Hoặc pixel Facebook để theo dõi các chiến dịch quảng cáo.

Nhưng bạn có thể có một số mã bên thứ ba không cần thiết. Như các công cụ và nền tảng mà bạn không còn sử dụng.

Đó là lý do tại sao bạn nên thường xuyên kiểm tra mã bên thứ ba trên trang web của mình. Và xóa bất kỳ thứ gì không cần thiết.

Trong báo cáo PageSpeed Insights của bạn, Google đánh dấu mã bên thứ ba. Cùng với kích thước chuyển giao và thời gian chặn luồng chính.

Chú ý đặc biệt đến tên công ty trong các thanh màu xám. Đây là các công ty bên thứ ba đang chạy mã trên trang web của bạn. Google cũng phân loại chúng (Tag Manager, Social, Utility, Analytics) để giúp bạn hiểu mục đích của chúng.

"Giảm thiểu tác động của mã bên thứ ba" trên trang PSI Diagnostics.

Ghi chú lại bất kỳ tên công ty nào mà bạn không nhận ra hoặc không còn cần thiết. Và thực hiện các bước để xóa mã của chúng.

Điều này có thể liên quan đến việc xóa mã từ CMS của bạn, gỡ cài đặt các plugin nếu trang web của bạn trên WordPress, hoặc xóa các thẻ từ công cụ quản lý thẻ của bạn.

Kiểm tra trang web của bạn để theo dõi và sửa chữa các vấn đề trang nhanh hơn

Bắt đầu với trình kiểm tra SEO miễn phí của chúng tôi để quét nhanh trang web của bạn. Nếu bạn muốn thực hiện một cuộc kiểm tra chi tiết hơn, hãy sử dụng Semrush Site Audit. Nó quét trang web của bạn để tìm hơn 140 vấn đề kỹ thuật và SEO. Và tạo ra một báo cáo chi tiết xác định tất cả các khu vực cần cải thiện.

Hãy cùng xem nào:

Truy cập công cụ và chọn trang web của bạn.

Lưu ý

Nếu bạn chưa cấu hình dự án kiểm tra trang web của mình, hãy làm theo các hướng dẫn thiết lập và tạo một dự án trước. Sau đó, hãy theo dõi.
Trang dự án trên Site Audit với một miền được làm nổi bật.

Trong tab “Tổng quan”, bạn sẽ thấy chỉ số “Sức khỏe trang web”.

Chỉ số này cho thấy điểm số sức khỏe trang web của bạn trên thang điểm từ 0 đến 100. Và cho bạn biết nó so với các trang web khác trong ngành của bạn như thế nào.

Bạn cũng sẽ thấy tổng quan về “Lỗi”, “Vấn đề hàng đầu”, v.v. được tìm thấy trên trang web của bạn.

Tiếp theo, nhấp vào tab “Issues”.

Tổng quan về Site Audit với Tình trạng trang, Các vấn đề hàng đầu, Lỗi, Cảnh báo, Thông báo và tab Các vấn đề được làm nổi bật.

Công cụ sẽ hiển thị cho bạn danh sách đầy đủ các “Lỗi”, “Cảnh báo” và “Thông báo” cần sự chú ý của bạn.

Nó cũng sẽ làm nổi bật số lượng trang bị ảnh hưởng.

Tab Vấn đề trên Site Audit hiển thị lỗi của trang web và số lượng trang bị ảnh hưởng.

Nhấp vào “Tại sao và cách sửa chữa nó” để xem chi tiết của một vấn đề cụ thể. Và giải pháp để sửa chữa vấn đề đó.

Các vấn đề trong Site Audit với hộp "Tại sao và cách khắc phục" được mở ra hiển thị chi tiết về một vấn đề cụ thể và giải pháp để khắc phục nó.

Điều này sẽ giúp bạn xác định và giải quyết hầu hết các vấn đề ảnh hưởng đến sức khỏe tổng thể và SEO của trang web của bạn, bên cạnh việc cải thiện điểm số PSI.

Hơn nữa, Semrush cho thấy tiến trình của bạn theo thời gian. Như thế này:

Tiến trình theo thời gian với các ngày đã chọn "14 Tháng 6 2023 (14:05)" so với "21 Tháng 6 2023 (20:41)" trên Site Audit.

Bạn thậm chí có thể thiết lập các cuộc kiểm tra tự động để theo dõi bất kỳ vấn đề nào phát sinh.

Các tùy chọn lập lịch trong cài đặt Site Audit bao gồm hàng ngày, hàng tuần hoặc một lần.

Đăng ký tài khoản miễn phí ngày hôm nay để bắt đầu.

Nguồn tham khảo

https://www.semrush.com/blog/google-pagespeed-insights/ ↗

Đưa góc nhìn thành kế hoạch.

Chia sẻ website và mục tiêu để LionTech tư vấn giải pháp phù hợp.

Đăng ký tư vấn ↗
THÊM MỘT GÓC NHÌN CHO THƯƠNG HIỆU

Để lại website và email để LionTech tiếp nhận yêu cầu báo cáo hiện diện AIO.

Bằng việc gửi, bạn đồng ý để LionTech liên hệ qua email về yêu cầu báo cáo.