前言:第三方代码/工具拖慢网站加载的速度

有很多的用户在使用第三方工具比如在线对话工具:爱番番、百度商桥等等代码时,会遇到拖慢网站速度的情况,原本网站的加载速度非常快,但是放入了第三方代码之后,就会被拖慢,这个清空比较明显的是百度商桥(现在改名为爱番番),这篇文章将会告诉你如何解决这类型的情况。

首先一般来说,这类型的第三方工具会告诉你要放入到网站的head中,网站的head实际上就是网站的头部,而网页的加载顺序是从顶部到底部的,这样一来,刚开始加载网站就会对第三方工具优先进行渲染,而非优先渲染网站本体,这样一来,不管你对网站的优化工作做得多么好,也无法避免第三方工具拖慢你的速度。

特别是网站使用了lazyload缓加载图片的技术的网站影响非常大,由于挤占了lazyload的渲染判断,图片迟迟不加载(WEB主题公园各个系列均可使用此技术,加快网站访问)

因此,我们可以将第三方提供的代码放入到底部 footer中加载。

由于第三方工具都是JavaScript,我们将JavaScript都放入到底部进行加载也是常规的一种方式。

优化方法:放入底部并延迟加载

以下是以爱番番(百度商桥)为例的代码:

如果你是用的是WEB主题公园的主题,那么你可以直接加入到第三方代码底部(一般第三方代码都会让你填入到头部 head)
百度商桥、爱番番等第三方代码拖慢网站速度解决方法
如果你的主题没有提供这类型的代码,那么你可以放入到footer.php中的代码

<?php wp_footer()();?>

的下面,因为wp_footer()是WordPress的一个挂载函数,它会正常加载主题的一些脚本,我们让第三方代码放入到最后加载。

加入延迟参数,让JavaScript延迟加载,不影响网站本体的加载

爱番番(百度商桥)的代码通常是这样的:

<script>var _hmt = _hmt || [];
(function() {
一些代码
</script>

那么我们可以在 script标签加入参数defer: type=”text/javascript” defer=”defer”

代码如下:

<script type="text/javascript" defer="defer">
var _hmt = _hmt || [];

那么在选项中是这样的:
百度商桥、爱番番等第三方代码拖慢网站速度解决方法
在代码编辑器中是这样:
百度商桥、爱番番等第三方代码拖慢网站速度解决方法
这样一来的话就不用再担心第三方代码的影响了。

Navicat premium是一款数据库管理工具,是一个可多重连线资料库的管理工具,它可以让你以单一程式同时连线到 MySQL、SQLite、Oracle 及 PostgreSQL 资料库,让管理不同类型的资料库更加的方便。