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 chậm hơn, gây khó chịu cho người dùng 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ăng tối đa cơ hội doanh thu cho chủ sở hữu trang web.

Markus Bordihn
Markus Bordihn

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 trang web đôi khi có thể gây tổn hại đế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 trang web và nhà quảng cáo với trải nghiệm người dùng.

Hãy xem xét một trang web đặt quảng cáo rộng rãi trong nội dung của trang web nhằm mục đích tạo doanh thu cao. Tuy nhiên, việc có quá nhiều quảng cáo khiến người dùng khó chịu, 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 mang lại doanh thu đáng kể từ quảng cáo, nhưng tình trạng bỏ ngang đã cản trở nghiêm trọng đến thành công của trang web.

Mặt khác, hãy xem xét 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 lượng lớn người dùng do 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 và có thể cản trở sự tăng trưởng và tính bền vững trong dài hạn.

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 việc 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 đáp ứng Chỉ số quan trọng chính của trang web để tiến hành 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ư Nội dung lớn nhất hiển thị (LCP), Mức thay đổi bố cục tích luỹ (CLS)Lượt tương tác với lượt hiển thị tiếp theo (INP) là các chỉ số về trải nghiệm người dùng giúp đo lường chất lượng 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 vào việc 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à giảm 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 là 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ượt nhấp, lượt nhấn và lượt tương tác với bàn phím xảy ra trong suốt thời gian hoạt động của một trang. Giá trị kết quả thường là tương tác mất nhiều thời gian nhất để hoàn tất nhất và thể hiện khả năng phản hồi nhanh chóng của một trang tổng thể đối với các tương tác của người dùng.

Quảng cáo trì hoãn tương tác của người dùng sẽ ả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í hoàn toàn bị hỏng trong các 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 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ượng những thay đổi ngoài dự kiến về bố cục xảy ra trong quá trình tải trang. Những quảng cáo tự động tải hoặc đổi kích thước có thể khiến bố cục không ổn định, dẫn đến trải nghiệm người dùng kém, khiến người dùng không theo dõi được vị trí của họ trên trang hoặc thậm chí vô tình nhấn vào các phần tử không chính xác do bố cục thay đổi ngoài dự kiến. Để giảm thiểu tình trạng này, chủ sở hữu trang web nên tối ưu hoá CLS để đảm bảo quảng cáo có không gian đặt trước nhằm ngăn việc thay đổi bố cục, đồng thời cần tối ưu hoá kích thước quảng cáo để tránh việc chỉnh lại luồng 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 định cấu trúc trang web bằng các khối nội dung cho cả nội dung văn bản, hình ảnh và nội dung quảng cáo, trong khi vẫn 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 chiến lược thuộc tính content-visibility: 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 trong khung nhìn mới được hiển thị đầy đủ, giúp trang tải ban đầu nhanh hơn và người dùng tương tác mượt mà hơn. Tính năng nâng cao hiệu suất này đặc biệt có giá trị khi xử lý những trang dài hoặc 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ề mặt khả năng xem và khả năng kiếm tiền, 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 dưới màn hình đầu 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 hiển thị 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ẽ hiển thị sau khi người dùng cuộn xuống trang đủ xa để nhìn thấy chúng.

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

Hình ảnh minh hoạ "trong màn hình đầu tiên" khái niệm về quảng cáo.

Vùng quảng cáo trong màn hình đầu tiên là phần của một trang web có thể nhìn thấy mà không cần cuộn, đồng thời có giá trị đáng kể trong hoạt động quảng cáo kỹ thuật số. Những vị trí hàng đầu 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 lập tức cho người dùng khi tải trang web. Người dùng có nhiều khả năng sẽ chú ý và tương tác với những quảng cáo này, từ đó 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. Đó là ấn tượng đầu tiên mà người dùng nhận được khi họ truy cập vào trang web, khiến trang web trở thành một nơi quan trọng để hiển thị quảng cáo có tác động cao và đặc biệt.
  • 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ì quảng cáo 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 vào trang sẽ thấy các quảng cáo này mà không cần 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. Dưới đây là một số yếu tố chính bạn 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 đóng vai trò rất quan trọng trong việc duy trì trải nghiệm duyệt web và trải nghiệm mượt mà cho người dùng.
  • Mặc dù vị trí đặt quảng cáo trong màn hình đầu tiên rất có giá trị, nhưng điều quan trọng là không nên để quá nhiều quảng cáo vào không gian quan trọng này. Việc đặt 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à làm giảm giá trị trải nghiệm người dùng. Cố gắng cân bằng giữa khả năng 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 các kích thước màn hình và thiết bị khác nhau. Các phương pháp thiết kế đáp ứ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

Hình ảnh minh hoạ "dưới màn hình đầu tiên" khái niệm về quảng cáo.

Vùng quảng cáo dưới màn hình đầu tiên – tức là quảng cáo được đặt trong một phần của trang web mà 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 biệt bổ sung cho các vị trí trong màn hình đầu tiên.

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

  • Các vùng quảng cáo không hiển thị ban đầu có thể khớp với nội dung bên cạnh, nhờ đó tạo cơ hội phù hợp với 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 khi người dùng khám phá ra những quảng cáo liên quan đến nội dung mà họ đang khám phá.
  • Khi được thiết kế một cách 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 gián đoạn cho người dùng. Tính nă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 người dùng hài hoà hơn.
  • Vị trí đặt quảng cáo bắt buộc phải có tính năng cuộn mang đến thiết kế sáng tạo và định dạng linh hoạt hơn, với không gian rộng rãi và thoải mái để thử nghiệm. Bạn có thể tải từng phần quảng cáo dạng video, phần tử tương tác và hình ảnh lớ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, cần cân nhắc những điều 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ể hiệu quả, nhưng điều quan trọng là đảm bảo rằng người dùng được khuyến khích cuộn để xem những vị trí này. Việc triển khai các chỉ dẫn bằng hình ảnh hoặc đoạn giới thiệu về nội dung có thể thu hút người dùng khám phá thêm, nhờ đó tăng khả năng hiển thị quảng cáo.
  • Vị trí của quảng cáo dưới màn hình đầu tiên không được ảnh hưởng đến chất lượng nội dung hoặc khả năng đọc. Duy trì sự cân bằng giữa quảng cáo và nội dung để tránh làm người dùng cảm thấy quá tải, đồng thời đả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 tải ngay lập tức. Việc trì hoãn việc tải những quảng cáo này cho đến khi quảng cáo sắp đi 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, đồng thời cung cấp một nền tảng cho các định dạng quảng cáo sáng tạ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 người dùng tích cực.

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 trực quan về 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à tài nguyên được trì hoãn đến thời điểm mà người dùng có khả năng 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. Việc áp dụng tính năng tải từng phần cho những quảng cáo không hiển thị ngay lập tức (tức là quảng cáo dưới màn hình đầu tiên) đảm bảo rằng các quảng cáo này chỉ được tải khi chúng xuất hiện, giúp 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 đối với iframe với thuộc tính loading=lazy.

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 động khi sắp xuất hiện trong khung nhìn của người dùng, giúp giảm thời gian tải ban đầu và Tổng thời gian chặn (TBT) (có mối tương quan chặt chẽ với INP) trên luồng chính tại phần quan trọng đó trong vòng đời của 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 minh hoạ quảng cáo 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 giúp cân bằng giữa hiệu suất trang và quảng cáo tải là khả năng làm mới quảng cáo từ 30 đến 240 giây một lần1 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 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 có 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ì tính năng này giúp giảm thiểu hao tổn dữ liệu và tài nguyên, giúp cập nhật nội dung nhanh hơn và mang lại trải nghiệm người dùng mượt mà hơn mà không có độ trễ liên quan đến việc tạo từ đầu.

Bằng cách làm mới quảng cáo một cách không đồng bộ, chủ sở hữu trang web có thể giữ nguyên nội dung trang trong khi liên tục cập nhật 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.

Việc 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 về công thức nấu ăn, hướng dẫn tự làm (DIY) hoặc các trang web khác có nội dung phong phú. Ví dụ: trên trang hướng dẫn tự làm đồ thủ công nơi người dùng có thể dành nhiều thời gian để làm theo các hướng dẫn, làm mới vùng quảng cáo theo chiến lược trong thời gian nghỉ giữa các bước hoặc trong khi xem thư viện hình ảnh, có thể nâng cao cả trải nghiệm người dùng và doanh thu từ quảng cáo. Tương tự như vậy 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ộ. Quá trình tải không đồng bộ 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à tương tác mà không cần chờ quảng cáo tải hoàn toàn. Điều này giúp giảm đáng kể thời gian tải mà người dùng nhận thấy, từ đó nâng cao sự 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 vị trí đặt quảng cáo được cách điệu thành các ô màu xanh lục, mỗi ô đều 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 cảm thấy khó chịu. Để giảm thiểu điều này, chủ sở hữu trang web nê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ả sẽ 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 tiêu thụ dữ liệu cho những 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 nhờ 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.

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

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

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

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 nên đánh giá tỉ mỉ hiệu suất của nhiều mạng quảng cáo, cách triển khai giải pháp đặt giá thầu dựa vào tiêu đề và nhà cung cấp.

Việc thiết lập mối quan hệ đối tác với các nhà cung cấp ưu tiên tốc độ và có thành tích trong 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à yếu tố quan trọng đối với chủ sở hữu trang web đang tìm cách 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 những kỹ thuật như tải không đồng bộ, tải từng phần, tối ưu hoá kích thước và định dạng quảng cáo, tận dụng tính năng lưu vào bộ nhớ đệm thông minh và đánh giá kỹ lưỡng mạng quảng cáo, cũng như nhà cung cấp và giải pháp đặt giá thầu dựa vào tiêu đề, chủ sở hữu trang web có thể vượt qua các thử thách tải quảng cáo mà không làm ảnh hưởng đến hiệu suất trang. Việc ưu tiên phân phối quảng cáo hiệu quả cũng giúp đảm bảo khả năng phân loại người dùng, tăng mức độ tương tác và tạo 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 quy định 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 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 trong hơn hoặc bằng 240 giây. Nhìn 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 khoảng không quảng cáo của bạn hơn. đọc thêm