Tải quảng cáo hiệu quả mà không ảnh hưởng đến tốc độ trang

Trong thế giới kỹ thuật số ngày nay, quảng cáo trực tuyến là một phần quan trọng của web miễn phí mà tất cả chúng ta đều thích. Tuy nhiên, quảng cáo được triển khai kém có thể dẫn đến trải nghiệm duyệt web chậm hơn, làm người dùng khó chịu và giảm mức độ tương tác. Tìm hiểu cách tải quảng cáo hiệu quả mà không ảnh hưởng đến tốc độ trang, đảm bảo trải nghiệm người dùng liền mạch và tối đa hoá cơ hội doanh thu cho chủ sở hữu trang web.

Markus Bordihn
Markus Bordihn

Các trang web chủ yếu dựa vào quảng cáo trực tuyến như một nguồn doanh thu chính. Tuy nhiên, sự hiện diện của quảng cáo trên các trang web đôi khi có thể gây ảnh hưởng đến trải nghiệm người dùng và hiệu suất tổng thể của trang. Do đó, điều quan trọng là phải cân bằng giữa khả năng kiếm tiền và hiệu suất cho chủ sở hữu và nhà quảng cáo trang web với trải nghiệm người dùng.

Hãy cân nhắc một trang web đặt quảng cáo rộng rãi trong nội dung, nhằm tạo ra doanh thu cao. Tuy nhiên, số lượng quảng cáo quá nhiều sẽ gây khó chịu cho người dùng, dẫn đến trải nghiệm người dùng kém và tỷ lệ thoát cao. Mặc dù có tiềm năng doanh thu đáng kể từ quảng cáo, việc bỏ qua sẽ cản trở nghiêm trọng sự thành công của trang web.

Ngược lại, hãy cân nhắc một trang web không có quảng cáo. Môi trường không có quảng cáo này thu hút một số lượng lớn người dùng nhờ thời gian tải nhanh và trải nghiệm duyệt web liền mạch. Tuy nhiên, nếu không có chiến lược kiếm tiền, trang web sẽ gặp khó khăn trong việc tạo doanh thu. Điều này có thể cản trở sự phát triển và phát triển bền vững về lâu dài của trang web.

Cả hai trường hợp này đều minh hoạ tầm quan trọng của việc cân bằng giữa khả năng kiếm tiền, người dùng và hiệu suất.

Khai thác Các chỉ số quan trọng về trang web

Bạn cần phải đạt Các chỉ số quan trọng về trang web khi tải quảng cáo mà không gây ảnh hưởng tiêu cực đến tốc độ trang. Các chỉ số quan trọng về trang web, bao gồm các chỉ số như Thời gian hiển thị nội dung lớn nhất (LCP), Điểm số tổng hợp về mức thay đổi bố cục (CLS)Lượt tương tác với thời gian hiển thị tiếp theo (INP) là những chỉ số về trải nghiệm người dùng giúp đo lường chất lượng của trải nghiệm người dùng trên trang web của bạn.

Thời gian hiển thị nội dung lớn nhất (LCP)

Việc tập trung tối ưu hoá LCP là rất quan trọng, vì chỉ số này đo lường thời gian cần thiết để phần tử có nội dung lớn nhất xuất hiện trong khung nhìn. Bằng cách giảm thiểu thời gian tải nội dung quảng cáo và ưu tiên các kỹ thuật tải không đồng bộ, chủ sở hữu trang web có thể giảm LCP và thời gian hiển thị của các phần tử có nội dung nổi bật nhất trên một trang.

Lượt tương tác đến nội dung hiển thị tiếp theo (INP)

Thứ hai, việc cải thiện INP rất quan trọng đối với trải nghiệm người dùng thích ứng. INP đo lường độ trễ cho mỗi lần nhấp, nhấn và tương tác bàn phím xảy ra trong suốt thời gian truy cập một trang. Giá trị thu được thường là lượt tương tác mất nhiều thời gian hoàn thành nhất và thể hiện khả năng phản hồi nhanh chóng của một trang đối với các lượt tương tác của người dùng.

Quảng cáo trì hoãn hoạt động tương tác của người dùng có ảnh hưởng tiêu cực đến INP. Điều này có thể gây khó chịu cho người dùng do tạo ra trải nghiệm chậm chạp hoặc thậm chí là hoàn toàn sụp đổ trong những trường hợp nghiêm trọng. Việc triển khai tính năng tải từng phần cho quảng cáo và trì hoãn việc thực thi JavaScript không quan trọng có thể giúp giảm INP của trang, từ đó cải thiện khả năng phản hồi tổng thể của trang.

Điểm số tổng hợp về mức thay đổi bố cục (CLS)

Cuối cùng, CLS đo lường độ ổn định về hình ảnh của một trang bằng cách đo lường số lần thay đổi bố cục ngoài dự kiến xảy ra trong khi tải trang. Quảng cáo tải hoặc đổi kích thước một cách linh động có thể làm cho bố cục không ổn định, dẫn đến trải nghiệm người dùng kém trong đó người dùng mất dấu vị trí trên một trang hoặc thậm chí là vô tình nhấn vào sai phần tử do bố cục thay đổi ngoài dự kiến. Để giảm thiểu điều này, chủ sở hữu trang web nên tối ưu hoá CLS để đảm bảo rằng quảng cáo có dành riêng không gian để tránh thay đổi về bố cục, và phải tối ưu hoá kích thước quảng cáo để tránh việc chỉnh lại nội dung đột ngột.

Cấu trúc trang web của bạn thành các khối nội dung riêng biệt

Việc cấu trúc trang web của bạn bằng các khối nội dung cho cả văn bản, hình ảnh và nội dung quảng cáo, đồng thời sử dụng thuộc tính CSS content-visibility:, có thể cải thiện đáng kể thời gian hiển thị tổng thể trong các trình duyệt hiện đại.

Bằng cách áp dụng thuộc tính content-visibility: một cách có chiến lược trong các khối nội dung này, bạn sẽ tối ưu hoá quá trình hiển thị cho nội dung văn bản, hình ảnh và quảng cáo. Điều này đảm bảo rằng chỉ nội dung hiện có trong khung nhìn được hiển thị đầy đủ, giúp tải trang ban đầu nhanh hơn và người dùng tương tác suôn sẻ hơn. Tính năng nâng cao hiệu suất này đặc biệt có giá trị khi xử lý các trang dài hoặc các trang có nhiều quảng cáo.

Ưu tiên các vùng quảng cáo quan trọng

Không phải tất cả các vùng quảng cáo đều như nhau. Ví dụ: vùng quảng cáo trong màn hình đầu tiên thường có giá trị hơn các vùng quảng cáo dưới màn hình đầu tiên về khả năng xem và khả năng kiếm tiền. Điều này là do người dùng có nhiều khả năng nhìn thấy quảng cáo trong màn hình đầu tiên hơn vì chúng có thể nhìn thấy mà không cần cuộn trong khung nhìn đầu tiên. Quảng cáo dưới màn hình đầu tiên sẽ xuất hiện sau khi người dùng di chuyển xuống đủ lâu trên trang để nhìn thấy chúng.

Quảng cáo trong màn hình đầu tiên

Phần trình bày trực quan về khái niệm quảng cáo "trong màn hình đầu tiên".

Vùng quảng cáo trong màn hình đầu tiên đề cập đến phần của trang web có thể nhìn thấy mà không cần cuộn và giữ giá trị đáng kể trong quảng cáo kỹ thuật số. Những vị trí chính này được xem là có giá trị vì một số lý do:

  • Quảng cáo được đặt trong màn hình đầu tiên sẽ hiển thị ngay cho người dùng khi tải trang web. Người dùng có nhiều khả năng chú ý và tương tác với những quảng cáo này hơn, dẫn đến tỷ lệ nhấp cao hơn.
  • Các nhà quảng cáo thường xem phần trên cùng của trang web là bất động sản có giá trị nhất. Đây là ấn tượng đầu tiên mà người dùng nhận được khi truy cập vào trang web, vì vậy, đây là khu vực quan trọng để hiển thị các quảng cáo đặc biệt và có tác động lớn.
  • Quảng cáo trong màn hình đầu tiên có tỷ lệ khả năng xem cao nhất bởi vì chúng nằm trong tầm nhìn trực tiếp của người dùng. Điều này đảm bảo rằng phần lớn người dùng truy cập trang sẽ nhìn thấy những quảng cáo này mà không phải cuộn xuống.

Tuy nhiên, điều quan trọng là phải cân bằng giữa khả năng kiếm tiền và trải nghiệm người dùng khi sử dụng vùng quảng cáo trong màn hình đầu tiên trong chế độ xem ban đầu. Sau đây là một số điểm chính cần cân nhắc.

  • Vùng quảng cáo trên màn hình đầu tiên phải tải nhanh nhất có thể trong khung nhìn ban đầu của người dùng. Quảng cáo tải chậm có thể tác động tiêu cực đến trải nghiệm người dùng và làm tăng tỷ lệ thoát. Việc tối ưu hoá thời gian tải quảng cáo là rất quan trọng để duy trì trải nghiệm duyệt web và người dùng suôn sẻ.
  • Mặc dù vị trí đặt quảng cáo trong màn hình đầu tiên có giá trị, nhưng quan trọng là không làm quá tải không gian chính này bằng quá nhiều quảng cáo. Quá nhiều quảng cáo làm lộn xộn trang, làm gián đoạn khả năng đọc nội dung và gây ảnh hưởng xấu đến trải nghiệm người dùng. Cố gắng cân bằng giữa việc kiếm tiền và duy trì bố cục gọn gàng, thân thiện với người dùng.
  • Đảm bảo vùng quảng cáo trong màn hình đầu tiên tương thích với nhiều thiết bị và kích thước màn hình. Các phương pháp thiết kế thích ứng có thể giúp duy trì bố cục nhất quán và bắt mắt, bất kể kích thước màn hình của người dùng.

Quảng cáo dưới màn hình đầu tiên

Trình bày trực quan về khái niệm quảng cáo "dưới màn hình đầu tiên".

Dưới vùng quảng cáo đầu tiên — nghĩa là quảng cáo được đặt trong một phần của trang web chỉ hiển thị sau khi cuộn xuống — cũng có giá trị đáng kể trong thế giới quảng cáo kỹ thuật số. Những vị trí này cung cấp những lợi thế riêng giúp bổ sung cho các vị trí trong màn hình đầu tiên.

Những quảng cáo nằm dưới màn hình đầu tiên sẽ được hưởng lợi từ những người dùng cuộn xuống để khám phá thêm nội dung. Những vị trí này thu hút sự chú ý của những người dùng tích cực tương tác đang chủ động tìm kiếm thêm thông tin, khiến chúng có giá trị đối với những thương hiệu muốn truyền tải thông điệp hoặc cách kể chuyện phức tạp hơn.

  • Các vùng quảng cáo không hiển thị lúc đầu có thể phù hợp với nội dung bên cạnh, mang lại cơ hội liên quan đến ngữ cảnh. Sự điều chỉnh này có thể giúp tăng mức độ tương tác của người dùng vì họ khám phá quảng cáo có liên quan đến nội dung mà họ đang khám phá.
  • Khi được thiết kế thấu đáo, quảng cáo dưới màn hình đầu tiên có thể tích hợp liền mạch với nội dung xung quanh, ít gây khó chịu cho người dùng. Hoạt động tích hợp này (còn được gọi là quảng cáo gốc) có thể mang lại trải nghiệm hài hoà hơn cho người dùng.
  • Vị trí đặt quảng cáo bắt buộc phải cuộn giúp thiết kế và định dạng quảng cáo linh hoạt hơn, với không gian rộng rãi và tự do thử nghiệm. Quảng cáo dạng video, các phần tử tương tác và hình ảnh lớn có thể được tải từng phần để thu hút sự chú ý của người dùng mà không làm gián đoạn trải nghiệm của họ.

Tuy nhiên, bạn nên cân nhắc các yếu tố sau đối với vị trí đặt quảng cáo dưới màn hình đầu tiên:

  • Mặc dù vị trí đặt quảng cáo dưới màn hình đầu tiên có thể có hiệu quả, nhưng điều quan trọng là bạn phải đảm bảo rằng người dùng được khuyến khích cuộn xuống. Việc triển khai các dấu hiệu bằng hình ảnh hoặc đoạn giới thiệu nội dung có thể thu hút người dùng khám phá thêm, làm tăng khả năng quảng cáo xuất hiện.
  • Vị trí của quảng cáo dưới màn hình đầu tiên không được làm ảnh hưởng đến chất lượng hoặc khả năng đọc của nội dung. Hãy duy trì sự cân bằng giữa quảng cáo và nội dung để tránh làm họ cảm thấy choáng ngợp và đảm bảo trải nghiệm tích cực cho người dùng.
  • Không giống như vị trí đặt quảng cáo trong màn hình đầu tiên, quảng cáo dưới màn hình đầu tiên có thể không cần phải tải ngay lập tức. Việc trì hoãn tải các quảng cáo này cho đến khi chúng gần vào khung nhìn của người dùng có thể giúp cải thiện tốc độ tải trang tổng thể và giảm thời gian hiển thị trang ban đầu.

Khi được sử dụng một cách có chiến lược, quảng cáo dưới màn hình đầu tiên có thể bổ sung cho quảng cáo trong màn hình đầu tiên và cung cấp nền tảng cho các định dạng quảng cáo và mức độ phù hợp theo ngữ cảnh. Tuy nhiên, việc tối ưu hoá khả năng hiển thị, cân bằng nội dung và quản lý thời gian tải quảng cáo là những yếu tố quan trọng cần cân nhắc để đảm bảo trải nghiệm tích cực cho người dùng.

Các phương pháp hay nhất hiện tại về Thẻ nhà xuất bản của Google (GPT):

Tải từng phần quảng cáo khi thích hợp

Hình ảnh minh hoạ tài nguyên tải từng phần so với tài nguyên không tải từng phần. Khi tài nguyên được tải từng phần, băng thông được bảo toàn trong quá trình tải trang và các tài nguyên được trì hoãn đến thời điểm mà người dùng dễ nhìn thấy chúng nhất.

Tải từng phần là một kỹ thuật trì hoãn việc tải các tài nguyên không quan trọng cho đến khi cần đến các tài nguyên đó. Việc áp dụng tính năng tải từng phần cho các quảng cáo không hiển thị ngay (tức là quảng cáo dưới màn hình đầu tiên) giúp đảm bảo rằng các quảng cáo này chỉ được tải khi xuất hiện trong khung nhìn, bảo toàn băng thông và cải thiện tốc độ tổng thể của trang. Các trình duyệt hiện bao gồm tính năng tải từng phần gốc cho iframe với một thuộc tính loading=lazy đơn giản.

Bằng cách triển khai tính năng tải từng phần, quảng cáo được tìm nạp một cách linh động khi chúng sắp vào khung nhìn của người dùng, giảm thời gian tải ban đầu và Tổng thời gian chặn (TBT) (có liên quan chặt chẽ với INP) trên luồng chính tại phần quan trọng đó trong vòng đời trang, nhờ đó giảm thiểu tác động tiêu cực đến trải nghiệm người dùng.

Làm mới quảng cáo mà không cần làm mới trang

Hình ảnh về quảng cáo đang làm mới trên trang mà không làm mới trang cấp cao nhất.

Một kỹ thuật khác có thể cân bằng giữa hiệu suất trang với việc tải quảng cáo là khả năng làm mới quảng cáo sau mỗi 30 đến 240 giây1 mà không cần tải lại toàn bộ trang. Phương pháp này cho phép cập nhật nội dung quảng cáo một cách linh động mà không làm gián đoạn trải nghiệm duyệt web của người dùng hoặc gây ra sự chậm trễ không cần thiết.

Trên ứng dụng dành cho thiết bị di động, việc làm mới quảng cáo trong chế độ xem web hiện tại mang lại hiệu suất tốt hơn so với việc tải lại toàn bộ trang hoặc tạo lại WebView vì phương pháp này giúp giảm thiểu chi phí sử dụng dữ liệu và tài nguyên. Nhờ đó, bạn có thể cập nhật nội dung nhanh hơn và mang lại trải nghiệm mượt mà hơn cho người dùng mà không bị trễ khi bắt đầu lại từ đầu.

Bằng cách làm mới quảng cáo không đồng bộ, chủ sở hữu trang web có thể giữ nguyên nội dung trang trong khi vẫn cập nhật liền mạch nội dung quảng cáo tại chỗ và theo thời gian thực. Điều này không chỉ cải thiện tốc độ trang bằng cách loại bỏ nhu cầu tải lại toàn bộ trang, mà còn đảm bảo rằng quảng cáo được hiển thị vẫn phù hợp và hấp dẫn. Với kỹ thuật này, chủ sở hữu trang web có thể cân bằng giữa khả năng kiếm tiền và hiệu suất, phân phối nội dung quảng cáo kịp thời và hấp dẫn, đồng thời giảm thiểu tác động tiêu cực đến trải nghiệm người dùng.

Làm mới vùng quảng cáo đặc biệt có giá trị trên những trang mà người dùng có xu hướng ở lại lâu hơn, chẳng hạn như các trang công thức, hướng dẫn tự làm hoặc các trang web khác có nội dung phong phú. Ví dụ: Trên một trang hướng dẫn tự làm đồ thủ công, trong đó người dùng có thể dành nhiều thời gian theo dõi các video hướng dẫn, làm mới vùng quảng cáo một cách có chiến lược trong các khoảng nghỉ giữa các bước hoặc trong khi xem thư viện hình ảnh, có thể giúp nâng cao cả trải nghiệm người dùng và doanh thu từ quảng cáo. Tương tự như trên trang công thức nấu ăn, việc làm mới vùng quảng cáo sau khi người dùng cuộn qua danh sách nguyên liệu hoặc hướng dẫn có thể duy trì sự quan tâm của người dùng.

Ưu tiên tải không đồng bộ

Một trong những chiến lược có tác động mạnh mẽ nhất để cải thiện tốc độ trang trong khi phân phát quảng cáo là tải không đồng bộ. Việc tải không đồng bộ sẽ tải quảng cáo một cách độc lập với nội dung trang web chính cho phép trang tiếp tục hiển thị và có tính tương tác mà không cần chờ quảng cáo tải hoàn toàn. Điều này làm giảm đáng kể thời gian tải cảm nhận được, giúp nâng cao mức độ hài lòng của người dùng.

Đưa thuộc tính async vào định nghĩa thẻ tập lệnh. Ví dụ:

AdSense:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

AdSense (quảng cáo tự động):

<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Thẻ nhà xuất bản của Google:

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

Tối ưu hoá kích thước, vị trí và định dạng quảng cáo

Hình minh hoạ các thiết bị ở nhiều kích thước khung nhìn, với các vị trí đặt quảng cáo được cách điệu thành các hộp màu xanh lục, mỗi vị trí có dòng chữ &quot;Quảng cáo&quot;.

Kích thước, vị trí và định dạng của quảng cáo có thể có tác động đáng kể đến tốc độ trang. Kích thước quảng cáo lớn có thể làm chậm tốc độ tải trang, khiến người dùng khó chịu. Để giảm thiểu điều này, chủ sở hữu trang web cần phối hợp chặt chẽ với nhà quảng cáo để tối ưu hoá kích thước và định dạng quảng cáo. Việc khuyến khích sử dụng các định dạng hình ảnh nén và thiết kế mẫu quảng cáo hiệu quả giúp giảm kích thước tệp mà không làm ảnh hưởng đến chất lượng hình ảnh. Những hoạt động tối ưu hoá này không chỉ cải thiện tốc độ trang mà còn giảm thiểu mức sử dụng dữ liệu cho người dùng có băng thông hạn chế.

Tiêu chuẩn quảng cáo tốt hơn

Bạn cần phải tuân thủ Tiêu chuẩn quảng cáo tốt hơn để hiển thị quảng cáo, vì việc này không chỉ nâng cao trải nghiệm người dùng bằng cách giảm các định dạng quảng cáo xâm nhập và gây phiền toái, mà còn tác động tích cực đến vị trí phân phối quảng cáo và thời gian tải trang.

Bằng cách tuân theo các tiêu chuẩn này, quảng cáo có nhiều khả năng được đặt ở những vị trí ít gây cản trở và xâm nhập hơn, từ đó có thể mang lại mức độ tương tác của người dùng và tỷ lệ nhấp cao hơn.

Hơn nữa, việc tuân thủ các nguyên tắc này cũng có thể giúp tốc độ tải trang nhanh hơn vì các định dạng quảng cáo nhẹ hơn và tốn ít tài nguyên hơn được ưu tiên, từ đó cải thiện hiệu suất tổng thể của trang web và sự hài lòng của người dùng.

Đánh giá mang tính chiến lược về các mạng quảng cáo và nhà cung cấp

Không phải tất cả các mạng quảng cáo và nhà cung cấp đều được tạo như nhau về hiệu suất. Để đảm bảo tốc độ trang tối ưu, chủ sở hữu trang web cần đánh giá tỉ mỉ hiệu suất của nhiều mạng quảng cáo, cách triển khai tính năng đặt giá thầu dựa vào tiêu đề và nhà cung cấp.

Việc thiết lập quan hệ đối tác với các nhà cung cấp ưu tiên tốc độ và có hồ sơ theo dõi việc phân phối nội dung quảng cáo gọn nhẹ một cách hiệu quả có thể làm tăng đáng kể hiệu suất trang và cải thiện trải nghiệm người dùng.

Kết luận

Việc đạt được sự cân bằng giữa khả năng kiếm tiền và hiệu suất là điều rất quan trọng đối với những chủ sở hữu trang web muốn cung cấp trải nghiệm người dùng vượt trội trong khi tối đa hoá doanh thu thông qua quảng cáo trực tuyến.

Bằng cách sử dụng các kỹ thuật như tải không đồng bộ, tải từng phần, tối ưu hoá các định dạng và kích thước quảng cáo, sử dụng chức năng lưu vào bộ nhớ đệm thông minh và đánh giá kỹ các mạng quảng cáo, cũng như tính năng đặt giá thầu dựa vào tiêu đề và nhà cung cấp, chủ sở hữu trang web có thể vượt qua thử thách tải quảng cáo thành công mà không ảnh hưởng đến hiệu suất của trang. Cuối cùng, việc ưu tiên phân phối quảng cáo hiệu quả sẽ đảm bảo việc phân vùng người dùng, tăng mức độ tương tác và tạo ra doanh thu bền vững.

Chú thích chân trang

  1. Máy chủ quảng cáo có thể có các hạn chế và yêu cầu áp dụng. Ví dụ: Ad Manager yêu cầu nhà xuất bản khai báo khoảng không quảng cáo sẽ làm mới trong giao diện người dùng. Một số người mua yêu cầu khai báo làm mới dài hơn hoặc bằng 240 giây. Nói chung, khoảng thời gian giữa các lần làm mới càng dài thì người mua càng mong muốn sử dụng khoảng không quảng cáo của bạn. đọc thêm