abc123456789cba 发表于 2013-1-29 08:48:22

AD最后加载与ready之后加载

<span style="line-height: 23px; font-family: 'Microsoft YaHei', verdana, arial, helvetica, clean, sans-serif, SimSun; color: #111111; font-size: 13px;">为了防止广告代码调用的外部文件或外部JavaScript文件因为大小、速度等问题拖累整个网页的加载速度,通常我们将广告代码放到页面最后加载,具体加载位置又可分为 文件末尾 和 等待主页面ready(onload)后加载,通常被我们称作后加载或后载入。以下分别介绍之(以本站使用的天气预报代码作为例子):
1、文件末尾加载

思路:在主页面广告位置预留广告显示位置,加载主页面时暂时不加载广告内容,以防广告内容影响到主页面的加载速度和展现。在最后才加载广告内容,加载完成后再显示到预留位置。
代码
<div style="margin-top: 1em !important; margin-right: 0px !important; margin-bottom: 1em !important; margin-left: 0px !important; background-image: none !important; background-color: #ffffff !important; text-align: left !important; float: none !important; vertical-align: baseline !important; height: auto !important; width: 606px; line-height: 2em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; padding: 0px !important; border: 1px !important solid !important #e0e0e0 !important;" class="syntaxhighlighter"><div style="background-image: none !important; background-color: initial !important; text-align: left !important; float: none !important; vertical-align: baseline !important; height: auto !important; width: auto !important; line-height: 2em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; padding: 0px !important; margin: 0px !important;" class="lines"><div style="background-image: none !important; background-color: #ffffff !important; text-align: left !important; float: none !important; vertical-align: baseline !important; height: auto !important; width: auto !important; line-height: 2em !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; padding: 0px !important; margin: 0px !important;" class="line alt1">01在主页面对应位置预留广告位,设置其id为test01,例如
页: [1]
查看完整版本: AD最后加载与ready之后加载