3

我们正在使用谷歌网页设计工具开发一些广告

到目前为止它很好,但它的一个主要问题是加载缓慢。

它需要将近 3 秒的时间来加载,我们对此感到非常难过。

谁能知道如何优化它?

谢谢。

4

2 回答 2

6

在开发 html5 横幅时,默认情况下会选中“礼貌加载”。

这意味着您的横幅将不可见,并且在页面加载之前不会加载。

在测试您的横幅时,在显示横幅以模拟网页加载之前有一些时间。

为什么?

因为没有发布者(网站)允许你让他们的网站变慢。这就是规则。您无法强迫自己首先出现在发布商网站上。

如果你想要这个选项。您应该直接与发布商交谈/当您获得他们的批准后,您可以在发布广告时取消选中“礼让加载”。然后您的横幅将显示得更快,不会有任何延迟。

于 2015-10-08T20:20:26.877 回答
2

@cnu - 我遇到了同样的问题。我目前唯一的解决方法是设置初始加载图像 - 在加载广告时

尝试在您的开始正文标记之后立即添加一个 ID 为“正在加载”的 div。

 <div id="loading" class="loading-image">
     <img src="default.png"/>
    </div>

然后找到如下函数,并将div设置为块显示

function handleDomContentLoaded(event) {
        // This is a good place to show a loading or branding image while
        // the ad loads.
        document.getElementById('loading').style.display = 'block';
      }

然后找到如下函数,将div设置为none——加载后隐藏图片

function handleAdInitialized(event) {
        // This marks the end of the polite load phase of the Ad. If a
        // loading image was shown to the user, this is a good place to
        // remove it.
        document.getElementById('loading').style.display = 'none';
      }

官方 GWD 说明与源中实际生成的函数不匹配,这最初使此设置令人困惑。源代码中的代码注释表明这些是正确使用的函数。您可以使用广告的第一帧作为加载图像,而不是加载 gif - 因此用户体验不会受到太大影响。

希望这可以帮助。

于 2015-08-23T13:51:11.743 回答