DEDE织梦默认模板代码优化彻底提升网页打开速度

排除主机和宽带因素，DEDE默认模板访问速度过慢，经查证这和顶部JS调用以及代码冗余有关。

事实上网站程序的优化多数原则是代码简练，减少JS调用等。这里分别从主页、文章列表页、文章内容页来分别介绍DEDE默认模板优化，经测试，优化后，网站速度有极大提升，如果再有一个好的主机，那你的网站也能有腾讯、网易那样的访问速度。

一、主页模板（index.htm）

下面的JS文件和JS代码可以根据需要情况看是否需要删除，最好能全部删除，但是全部删除会影响一些功能，比如会员登录状态、图文资讯的滚动等，这里个好的方法，就是把所有这里的JS写入一个单独的文件，这样调用时只需要一次就可以了，注意调用的路径。

JS文件解释说明

/js/jquery.cookie.js
主要的作用记录换肤功能的cookies，用于保留用户的选择；

/js/changeSkin.js
用于换肤功能的具体实现代码；

/js/pic_scroll.js
“图文资讯”滚动的地方；

/images/js/j.js
经过压缩后的java代码，主要作用是在默认模板中的中间部分的横向滚动的“图片资讯”的地方；
同时，换肤功能也和该功能有关联

/include/dedeajax2.js
引入DedeCMS 的ajax框架，作用主要是在模板中的一些特效，比如登陆后改变登陆状态、内容页顶与踩、评论列表的支持与反对等等(如果您不需要上述功能，这段代码可以删除)；

Javascript代码

function CheckLogin(){
var taget_obj = document.getElementById(‘_userlogin’);
   myajax = new DedeAjax(taget_obj,false,false,”,”,”);
   myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php");
   DedeXHTTP = null;
}
主要用途是判断会员是否登录，如果已经登录，则在互动中心的会员框里显示/member/ajax_loginsta.php登陆后的内容；

$(function(){
$("dl.tbox dt span.label a[_for]").mouseover(function(){
   $(this).parents("span.label").children("a[_for]").removeClass("thisclass").parents("dl.tbox").children("dd").hide();
   $(this).addClass("thisclass").blur();
   $("#"+$(this).attr("_for")).show();
});
$("a[_for=uc_member]").mouseover();
});
主要用途是首页右侧的互动中心中踩踩、评论、会员三个选项的切换效果；

function multi(pagenum,tagid)
{
var taget_obj = document.getElementById(tagid);
var taget_obj_page = document.getElementById("page_"+tagid);
   myajax = new DedeAjax(taget_obj,false,false,”,”,”);
   myajax.SendGet2("/plus/arcmulti.php?mtype=0&pnum="+pagenum+’&tagid=’+tagid);
   myajax = new DedeAjax(taget_obj_page,false,false,”,”,”);
   myajax.SendGet2("/plus/arcmulti.php?mtype=1&pnum="+pagenum+’&tagid=’+tagid);
   DedeXHTTP = null;
}
主要用途是右侧的推荐内容分页，也是DedeV5.6版的新增功能(arclist标签分页)；P.s：其实默认的ajax评论也是通过此种方式制作的。

function check(){
    if(document.formsearch.searchtype.value=="")
     document.formsearch.action="http://www.google.cn/custom"
    else
     document.formsearch.action="{dede:field name=’phpurl’/}/search.php"
}
作用是顶部的goole搜索那，具体的含义，当我们选择的搜索类型(searchtype)为空，那么提交的目标地址就是http://www.google.cn/custom，否则就提交到站内搜索的地址/plus/search.php！

二、默认文章列表模板（list_article.htm）

这里顶部的JS全部去掉就可以了，这样就可以大大提高访问速度了。

三、文章内容页模板（article_article.htm）

这是目前为止最好的DEDE文章内容页因点击次数引起网页加载慢的解决方法

下面代码放在要显示文章点击词素的位置(红色部分是未显示广告之前显示的内容，可以是文字或是图片，当然不要也行）

当然“加载中”也可以替换为图片

下面的代码放到网页最底部最好放在</html>之前（蓝色部分是点击次数代码）

<SCRIPT>vvclick.innerHTML=span_vvclick.innerHTML;span_vvclick.innerHTML="";</SCRIPT>

原理: 由于网页是由上往下执行代码，所以前面会暂时显示 "点击次数载入中…" 等到执行完整个页面后, 前面才会调用出来。所以我们把点击次数的代码这些放到最后执行让前面调用, 就不会影响站点页面中正常的内容输出的速度了。这也是网上最经典的广告最后加载代码了，提供给大家使用！

还有就是顶部的JS调用的处理方法同前面主页JS的处理方法相同，删除部分JS，删除的时候要特别注意是否影响了其他功能。最好的方法是写入一个文件，另存为，最后只调用一次。注意调用的路径。

1、在dedecms 文章模板中的头部。放着一大堆的Javascript，浏览每个页面都需要加载…这样反复下去很浪费加载时间。应该对其优化一下，具体方法为：将这段JS提取出来，另存为一个文件，以后只要下载一次就可以了，不过注意要把JS里的路径根据自己的情况替换一下。（可以保存在模板下的JS目录下，这样就可以用 src=”{dede:global.cfg_templets_skin/}/js/*.js调用）

2、对点击次数的优化：系统默认是用<script src=”{dede:field name=’phpurl’/}/count.php?view=yes&aid={dede:field name=’id’/}&mid={dede:field name=’mid’/}” type=’text/javascript’ language=”javascript”></script>这样的方面调用的，但有时候容易卡着。加入JS函数进行调用,具体操作如下：

找开article_article.htm，找到点击次数的代码就是上面那句：

<span id="article_click"></span>
在页面调用的JS文件里面（可以是上面保存的那个）加入函数：

function getClick(aid,mid)
{
var taget_obj = document.getElementById(‘article_click’);
myajax = new DedeAjax(taget_obj,false,false,”,”,”);
myajax.SendGet2("/plus/count.php?ajax=yes&mid=" +mid +"&aid=" +aid); //这里要根据情况改成网站的实际路径
DedeXHTTP = null;
}3、对DIGG评论的优化：

修改plus/count.php文件，在exit()之前加入以下的代码：

if(!empty($ajax))
{
$row = $dsql->GetOne(" Select click From `{$maintable}` where {$idtype}=’$aid’ ");
if(is_array($row))
{
echo $row[‘click’];
}
}把<script language=”javascript” type=”text/javascript”>getDigg({dede:field.id/});</script>改为：

一	二	三	四	五	六	日
« 4月				6月 »
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

小男生博客

DEDE织梦默认模板代码优化彻底提升网页打开速度

发表评论取消回复

发表评论 取消回复

发表评论取消回复