您现在的位置是:首页 > cms教程 > dedecms教程dedecms教程
优化dedecms织梦模板提升网页打开速度
文子隐2023-12-22 23:34:31dedecms教程已有16人查阅
导读我们有时会发现在使用织梦模板的默认模板时,访问速度有点慢,经查证这和顶部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代码 主要用途是判断会员是否登录,如果已经登录,则在互动中心的会员框里显示/member/ajax_loginsta.php登陆后的内容; 主要用途是首页右侧的互动中心中踩踩、评论、会员三个选项的切换效果; 主要用途是右侧的推荐内容分页,也是DedeV5.6版的新增功能(arclist标签分页);P.s:其实默认的ajax评论也是通过此种方式制作的。 作用是顶部的goole搜索那,具体的含义,当我们选择的搜索类型(searchtype)为空,那么提交的目标地址就是http://www.ebingou.cn/custom,否则就提交到站内搜索的地址/plus/search.php!
二、默认文章列表模板(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代码 主要用途是判断会员是否登录,如果已经登录,则在互动中心的会员框里显示/member/ajax_loginsta.php登陆后的内容; 主要用途是首页右侧的互动中心中踩踩、评论、会员三个选项的切换效果; 主要用途是右侧的推荐内容分页,也是DedeV5.6版的新增功能(arclist标签分页);P.s:其实默认的ajax评论也是通过此种方式制作的。 作用是顶部的goole搜索那,具体的含义,当我们选择的搜索类型(searchtype)为空,那么提交的目标地址就是http://www.ebingou.cn/custom,否则就提交到站内搜索的地址/plus/search.php!
二、默认文章列表模板(list_article.htm)
这里顶部的JS全部去掉就可以了,这样就可以大大提高访问速度了。
三、文章内容页模板(article_article.htm)
这是目前为止较好的DEDE文章内容页因点击次数引起网页加载慢的解决方法
下面代码放在要显示文章点击词素的位置(红色部分是未显示广告之前显示的内容,可以是文字或是图片,当然不要也行)
<span id=vvclick> 加载中 </span>
当然“加载中”也可以替换为图片
下面的代码放到网页最底部较好放在</html>之前 原理: 由于网页是由上往下执行代码,所以前面会暂时显示 "点击次数载入中..." 等到执行完整个页面后, 前面才会调用出来。所以我们把点击次数的代码这些放到之后执行让前面调用, 就不会影响站点页面中正常的内容输出的速度了。这也是网上最经典的广告之后加载代码了,提供给大家使用!
还有就是顶部的JS调用的处理方法同前面主页JS的处理方法相同,删除部分JS,删除的时候要特别注意是否影响了其他功能。较好的方法是写入一个文件,另存为,之后只调用一次。注意调用的路径。
本文标签:
很赞哦! (0)
下一篇:使用QQ邮件列表做邮箱订阅系统
暂无内容 |
暂无内容 |
相关文章
暂无内容 |
暂无内容 |
随机图文
织梦dedecms主要目录结构文件说明
根目录 /dede 管理后台目录 /freelist 自由文档列表生成目录 /html 默认文章生成目录 /includedede织梦友情链接标签flink的介绍和使用说明
织梦DedeCMS的友情链接标签flink用于获取友情链接,其对应后台文件为"include/taglibflink.lib.php"。织梦dedecms首页列表页ajax点击下拉加载更多文章瀑布流示例
织梦dedecms实现点击下拉加载更多主要用到ajax技术。具体步骤如下:一、首先找到并打开/plus/list.PHP文件,在里面找到如下代码:requ织梦不能上传jpg格式图片的解决方法
到根目录下找到Include文件夹,然后找到uploadsafe.inc.php文件,打开文件,找到第54行的代码
留言与评论 (共有 0 条评论) |