一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

DEDECMS|帝國CMS|Discuz|PHPCMS|Wordpress|ZBLOG|ECSHOP|蘋果CMS|極致CMS|CMS系統|

服務器之家 - 建站程序 - Discuz - 晉城吧對DiscuzX進行的前端優化要點

晉城吧對DiscuzX進行的前端優化要點

2019-11-08 13:42晉城吧 Discuz

晉城吧的服務器在美國,延遲相對國內略微要高一些,所以優化就顯得非常重要。

最近,康盛的DX版本基本確定,至少短期內不會大變了,因此,我對晉城吧的整站進行了前端優化,把自己 所做的操作記錄下來,一是有個記錄,防止忘掉,二是和網上的朋友們共享下自己的心得。

前端優化 推薦工具

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

一、DX后臺 及DIY的優化

1.首頁DIY避免過多層的嵌套

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

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

2.避免過多的用戶頭像調用

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

3.打開Gzip

在網站后臺 或者到config.php文件 將Gzip打開

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

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

5.打開并設置好后臺的各種優化和緩存

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

二、代碼 及空間優化

1.利用minify壓縮合并js

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

這里我們利用minify將其合并 壓縮 緩存

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

然后修改2個文件:

1.min 文件夾下的groupsConfig.php

 

<?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/common.js', '//static/js/home_friendselector.js', '//static/js/forum.js', '//static/js/portal.js'),

               'forum' => array('//static/js/common.js', '//static/js/home_friendselector.js', '//static/js/forum.js'),

                'home' => array('//static/js/common.js', '//static/js/home_friendselector.js', '//static/js/home_cookie.js', '//static/js/home_common.js', '//static/js/home_face.js', '//static/js/home_manage.js'),

                    'userapp' => array('//static/js/common.js', '//static/js/home_friendselector.js', '//static/js/forum.js', '//static/js/home_common.js'),

 

2.修改模板的header.htm

 

什么??這個文件在哪里????我被你們打敗了。。

修改如下 ,將第一段代碼 替換為第二段

 

<script type="text/javascript" src="{$_G[setting][jspath]}common.js?{VERHASH}"></script>
                    <script type="text/javascript" src="{$_G[setting][jspath]}home_friendselector.js?{VERHASH}"></script>
                    <!--{if $_G['basescript'] == 'forum' || $_G['basescript'] == 'group'}-->
                            <script type="text/javascript" src="{$_G[setting][jspath]}forum.js?{VERHASH}"></script>
                    <!--{elseif $_G['basescript'] == 'home'}-->
                           <script type="text/javascript" src="{$_G[setting][jspath]}home_cookie.js?{VERHASH}"></script>
                            <script type="text/javascript" src="{$_G[setting][jspath]}home_common.js?{VERHASH}"></script>
                            <script type="text/javascript" src="{$_G[setting][jspath]}home_face.js?{VERHASH}"></script>
                            <script type="text/javascript" src="{$_G[setting][jspath]}home_manage.js?{VERHASH}"></script>
                   <!--{elseif $_G['basescript'] == 'userapp'}-->
                          <script type="text/javascript" src="{$_G[setting][jspath]}home_common.js?{VERHASH}"></script>
                   <!--{elseif $_G['basescript'] == 'portal'}-->
                           <script type="text/javascript" src="{$_G[setting][jspath]}portal.js?{VERHASH}"></script>
                   <!--{/if}-->
                   <!--{if $_G['basescript'] != 'portal' && $_GET['diy'] == 'yes' && ($_G[mod] == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->
                           <script type="text/javascript" src="{$_G[setting][jspath]}portal.js?{VERHASH}"></script>
                   <!--{/if}-->
                   <!--{if $_GET[diy] == 'yes' && ($_G[mod] == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->{subtemplate common/css_diy}<!--{/if}-->

 

替換為

<!--{if $_G['basescript'] == 'forum' || $_G['basescript'] == 'group'}-->
                           <script type="text/javascript" src="/min/g=forum"></script>
                    <!--{elseif $_G['basescript'] == 'home'}-->
                            <script type="text/javascript" src="/min/g=home"></script>
                    <!--{elseif $_G['basescript'] == 'userapp'}-->
                            <script type="text/javascript" src="/min/g=userapp"></script>
                    <!--{elseif $_G['basescript'] == 'portal'}-->
                            <script type="text/javascript" src="/min/g=portal"></script>
                    <!--{/if}-->
                   <!--{if $_G['basescript'] != 'portal' && $_GET['diy'] == 'yes' && ($_G[mod] == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->
                           <script type="text/javascript" src="{$_G[setting][jspath]}portal.js?{VERHASH}"></script>
                   <!--{/if}-->
                   <!--{if $_GET[diy] == 'yes' && ($_G[mod] == 'topic' || $_G[group][allowdiy]) && !empty($_G['style']['tplfile'])}-->{subtemplate common/css_diy}<!--{/if}-->

打開晉城吧首頁,點開源代碼 ,看看 開頭 的 head 里的 js 是不是少了很多啊

2.修改圖片、flash、css、js的緩存時間

為上述東東設置緩存一個長長的緩存時間。比如1年,那么在第一次訪問后,用戶在這一年中都不用下載背景圖,flash,css,js 。當然前提是你沒有修改

方法 是修改網站根目錄.htaccess文件

加入如下代碼

 

<ifmodule mod_expires.c>
    <FilesMatch ".(html|htm)$ ">
    Header set Cache-Control "max-age=43200″
    </FilesMatch>
    #cache css, javascript and text files for one week
   <FilesMatch ".(js|css|txt)$ ">
    Header set Cache-Control "max-age=604800″
    </FilesMatch>
    #cache flash and images for one month
   <FilesMatch ".(flv|swf|ico|gif|jpg|jpeg|png)$ ">
   Header set Cache-Control "max-age=2592000″
  </FilesMatch>
   #disable cache for script files
   <FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$ ">
   Header unset Cache-Control
   </FilesMatch>
   </ifmodule>

 

三、總結

恩,暫時的優化就是這些,通過這些優化,晉城吧 的yslow評分從50 D 上升到80+ B ,有些頁面的評分為90+?。粒傮w還是很有效果的。

如果你需要轉發此文,還請保留晉城吧鏈 接,如果能幫忙做個友鏈,那就太感謝了。。。

附上一些網站在07年Yslow的評分

Amazon    ?。?/p>

AOL       ?。?/p>

CNN        F

eBay      ?。?/p>

Google    ?。?/p>

MSN       ?。?/p>

MySpace    D

Wikipedia ?。?/p>

Yahoo!     A

YouTube    D

作者:晉城吧

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 精品视频国产 | 亚洲国产区男人本色在线观看欧美 | 久久r视频 | 538亚洲欧美国产日韩在线精品 | 色老板在线视频 | 精品无人乱码一区二区三区 | 国产v在线在线观看羞羞答答 | 高清国语自产拍免费视频国产 | 奇米7777第四色 | 国产精品亚洲精品日韩已满 | 亚洲福利视频在线观看 | 秋霞黄色片 | 亚洲春色综合另类网蜜桃 | 国产伦精一区二区三区视频 | 日韩av.com | 日本一区二区高清免费不卡 | 日本艳鉧动漫1~6完整版在 | 女色在线观看免费视频 | 免费在线观看小视频 | 沟厕okn系列在线播放 | 国产欧美日韩图片一区二区 | 34看网片午夜理 | futa百合文| 免费视频大全 | 99福利在线观看 | 白鹿扒开内裤露出尿孔 | 四虎永久在线精品国产 | 日产精品卡一卡2卡三卡乱码工厂 | 按摩椅play啊太快了h | 96日本xxxxxxxxx70 95在线观看精品视频 | 日本伊人久久 | 亚洲国产综合久久久无码色伦 | 国产美女亚洲精品久久久综合 | 国产精品啪啪 | www久久com| 国产99久久久国产精品成人 | 毛片在线免费观看网站 | 啊啊啊好大在线观看 | 第一福利在线导航 | 国产老肥熟xxxx | 国产-第1页-草草影院 |