您现在的位置是:首页 > 教程 > dedecms教程dedecms教程
优化dedecms织梦模板提升网页打开速度
文子隐2023-12-22 23:34:31dedecms教程已有人查阅
导读我们有时会发现在使用织梦模板的默认模板时,访问速度有点慢,经查证这和顶部JS调用以及代码冗余有关。事实上网站程序的优化多数原则是代码简练,减少JS调用等。
我们有时会发现在使用织梦模板的默认模板时,访问速度有点慢,经查证这和顶部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
引入织梦模板 的ajax框架,作用主要是在模板中的一些高效,比如登陆后改变登陆状态、内容页顶与踩、评论列表的支持与反对等等(如果您不需要上述功能,这段代码可以删除);
Javascript代码
二、默认文章列表模板(list_article.htm)
这里顶部的JS全部去掉就可以了,这样就可以大大提高访问速度了。
三、文章内容页模板(article_article.htm)
这是目前为止较好的DEDE文章内容页因点击次数引起网页加载慢的解决方法
下面代码放在要显示文章点击词素的位置(红色部分是未显示广告之前显示的内容,可以是文字或是图片,当然不要也行)
<span id=vvclick> 加载中 </span>
当然“加载中”也可以替换为图片
下面的代码放到网页最底部较好放在</html>之前
还有就是顶部的JS调用的处理方法同前面主页JS的处理方法相同,删除部分JS,删除的时候要特别注意是否影响了其他功能。较好的方法是写入一个文件,另存为,之后只调用一次。注意调用的路径。
一、主页模板(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
引入织梦模板 的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.ebingou.cn/custom"
else
document.formsearch.action="{dede:field name='phpurl'/}/search.php"
}
作用是顶部的goole搜索那,具体的含义,当我们选择的搜索类型(searchtype)为空,那么提交的目标地址就是http://www.ebingou.cn/custom,否则就提交到站内搜索的地址/plus/search.php!二、默认文章列表模板(list_article.htm)
这里顶部的JS全部去掉就可以了,这样就可以大大提高访问速度了。
三、文章内容页模板(article_article.htm)
这是目前为止较好的DEDE文章内容页因点击次数引起网页加载慢的解决方法
下面代码放在要显示文章点击词素的位置(红色部分是未显示广告之前显示的内容,可以是文字或是图片,当然不要也行)
<span id=vvclick> 加载中 </span>
当然“加载中”也可以替换为图片
下面的代码放到网页最底部较好放在</html>之前
<span class=spanclass id=span_vvclick>
<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> </span>
<script>vvclick.innerHTML=span_vvclick.innerHTML;span_vvclick.innerHTML="";</script>
原理: 由于网页是由上往下执行代码,所以前面会暂时显示 "点击次数载入中..." 等到执行完整个页面后, 前面才会调用出来。所以我们把点击次数的代码这些放到之后执行让前面调用, 就不会影响站点页面中正常的内容输出的速度了。这也是网上最经典的广告之后加载代码了,提供给大家使用!还有就是顶部的JS调用的处理方法同前面主页JS的处理方法相同,删除部分JS,删除的时候要特别注意是否影响了其他功能。较好的方法是写入一个文件,另存为,之后只调用一次。注意调用的路径。
本文标签:
很赞哦! ()
下一篇:使用QQ邮件列表做邮箱订阅系统
相关文章
随机图文
-
dedecms模板文件不存在,无法解析文档的解决方法
一般英德网站建设如果在建立好织梦系统的网站上没有修改或者添加模板,不会出现以下这个问题的。但是在实际操作中,蔚蓝工作室发现,有部分网站在织梦cms模板后台 -
dedecms模板最新文章图片的flash调用代码实例
其实dede织梦的flash的源代码调整起来是非常方便的,包括了可以控制flash大小,图片数量,FLASH文字颜色,自动播放时间等等。大家请详细看看下面的源代码: -
多种方法实现dedecms专题随意调用代码实例
关于DedeCMS专题页面的文章的调用,下面给出三种调用方式,可以解决全部页面的调用(首页、一级、二级、单页、内容页均有适合的) -
织梦dedecms中怎么修改tag标签长度
许多CMS类网站都是DEDE织梦系统,出于SEO优化许多时辰必要用tag来做长尾词。但织梦措施中tag标签默认长度是12个字符,6个汉字,多了就会自动被截取。
留言与评论 (共有 条评论) |