Jiathis官网JiaThis博客 | 专注于社会化插件!

八/11

17

JiaThis小技巧之:如何提高分享代码页面加载速度

 

JiaThis分享工具的代码已经很小了,是业内加载速度最快的分享工具。

什么? 还要提速?

好吧,再告诉大家一个小技巧

1

用过JiaThis分享工具的朋友可以发现JiaThis代码一般分成:“工具样式代码”和“功能代码”两部分

比如【JiaThis工具式分享代码】:

<div id=”ckepop”>
<a href=”http://www.jiathis.com/share/” target=”_blank”>分享到:</a>
<a class=”jiathis_button_tools_1″></a>
<a class=”jiathis_button_tools_2″></a>
<a class=”jiathis_button_tools_3″></a>                                                           
<a class=”jiathis_button_tools_4″></a>
</div>
<!– JiaThis Button BEGIN –>
<script type=”text/javascript” src=”http://v2.jiathis.com/code/jia.js” charset=”utf-8″></script>
<!– JiaThis Button END –>

 上面的区域是“工具样式代码”(红色部分),下面的区域是“功能代码”(蓝色部分),。

 提速方法:

“将JiaThis功能代码部分剪切到页面的最底部</body>标签结束前”

提速原理:做过网站的朋友都知道:一个网页打开时是由上往下逐次加载代码的. 所以在做完以上优化后,“工具样式代码”部分先被加载,而“功能代码”部分是在整个页面全部显示完毕后最后加载的, 这样就减小了分享代码最初的加载量,工具显示速度更快,同时也避免了因“功能代码”加载速度影响到整体网页打开速度.

其他风格:按钮式和图标式的用法和上面完全一样,如果您使用侧栏式风格,直接将“功能代码”部分放入页面底部即可。


No tags

<<

>>

Theme Design by devolux.nh2.me