缩短初始加载时间 - Google网页设计师

时间:2015-08-11 04:57:32

标签: google-web-designer

我们正在使用Google网页设计工具

开发一些广告

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

它需要花费大约3秒的时间来加载,我们对此感到非常不满。

任何人都可以知道如何优化它吗?

感谢。

2 个答案:

答案 0 :(得分:5)

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

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

在测试横幅广告时,有一些时刻会显示横幅以模拟网页加载。

为什么?

因为没有发布商(网站)允许您使他们的网站变慢。这是规则。您无法强迫自己先在发布商网站上展示。

如果你想要这个选项。您应该直接与发布商交谈/当您获得他们的批准后,您可以在发布广告时取消选中“礼貌加载”。然后你的横幅会毫不拖延地显示出来。

答案 1 :(得分:2)

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

尝试在打开的正文标记后立即添加ID为“loading”的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 - 因此用户体验不会受到太大影响。

希望这会有所帮助。