熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> PHP編程 >> 正文

對DiscuzX 進行的前端優化要點

2013-11-15 12:31:23  來源: PHP編程 

  本文為晉城吧技術團隊原創轉發請勿刪除本文鏈接

  晉城吧的服務器在美國延遲相對國內略微要高一些所以優化就顯得非常重要最近康盛的DX版本基本確定至少短期內不會大變了因此我對晉城吧的整站進行了前端優化把自己 所做的操作記錄下來一是有個記錄防止忘掉二是和網上的朋友們共享下自己的心得

  前端優化 推薦工具

  火狐浏覽器+Yslow+google pagespeed+Firebug 具體下載地址 請自行百度

  DX後台 及DIY的優化

  首頁DIY避免過多層的嵌套

  DX的每一個框架都會產生非常多非常多非常多的 代碼我的首頁已經盡可能簡單了結果光 DOM 有+囧死我了

  所以盡可能不要用過多的框架嵌套

  避免過多的用戶頭像調用

  首頁的會員調用是使用重定向的會減慢網頁的速度UCenter倒是能改為偽靜態但是目前是有BUG的沒有自定義頭像 的會員頭像是無法顯示的

  打開Gzip

  在網站後台 或者到configphp文件 將Gzip打開

  背景圖盡可能重復利用減少背景圖的數量

  各個欄目的背景圖盡可能一樣這樣可以重復利用圖片要找到美觀和速度之間的平衡這一條我其實也還在不斷的嘗試 中這裡推薦監控寶的服務器訪 問速度跟蹤可以全局掌握自己網站被用戶訪問時的速度狀況

  打開並設置好後台的各種優化和緩存

  關於這方面的資料很多我就不在這裡浪費時間了(被pia飛~~~)

  代碼 及空間優化

  利用minify壓縮合並js

  DX的CSS 基本合並的很好一個頁面一到但是JS就很多了打開你的模板的common目錄的headerhtm看到麼密密麻麻的js 而過 多的文件會造成連接過多減慢速度

  這裡我們利用minify將其合並 壓縮 緩存

  首先下載minify的壓縮包解壓將min文件夾上傳到網站根目錄

  然後修改個文件

  min 文件夾下的groupsConfigphp

  

  <?php
   /**
   * Groups configuration for default Minify implementation
   * @package Minify
   */
   /**
   * You may wish to use the Minify URI Builder app to suggest
   * changes http://yourdomain/min/builder/
   **/
  return array(

  在上邊的代碼後邊加上如下的代碼

  

  portal => array(//static/js/commonjs //static/js/home_friendselectorjs //static/js/forumjs //static/js/portaljs)
             
               forum => array(//static/js/commonjs //static/js/home_friendselectorjs //static/js/forumjs)
              
                home => array(//static/js/commonjs //static/js/home_friendselectorjs //static/js/home_cookiejs //static/js/home_commonjs //static/js/home_facejs //static/js/home_managejs)
                  
                    userapp => array(//static/js/commonjs //static/js/home_friendselectorjs //static/js/forumjs //static/js/home_commonjs)

  修改模板的headerhtm

  什麼??這個文件在哪裡????我被你們打敗了
From:http://tw.wingwit.com/Article/program/PHP/201311/21109.html

    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.