POST TIME:2020-03-29 00:10
我們有時會發現在使用織夢模板的默認模板時,訪問速度有點慢,經查證這和頂部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代碼
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文章內容頁因點擊次數引起網頁加載慢的解決方法
下面代碼放在要顯示文章點擊詞素的位置(紅色部分是未顯示廣告之前顯示的內容,可以是文字或是圖片,當然不要也行)
<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支持FLV視頻