PHP编程：晋城吧对DiscuzX停止的前端优化要点

开发相册系统过程中就有过这样的问题，因为没有交流好，出现重复工作问题，因为文档没有详细的说明而经常临时问对方。   比来，康盛的DX版本根基肯定，最少短时间内不会大变了，因而，我对晋城吧的整站停止了前端优化，把本人 所做的操作纪录上去，一是有个纪录，避免忘失落，二是和网上的伴侣们同享下本人的心得。 前端优化 保举东西
火狐阅读器+Yslow+谷歌 pagespeed+Firebug 详细下载地址 请自行百度
1、DX后台 及DIY的优化
1.首页DIY防止过量层的嵌套
DX的每个框架城市发生十分多十分多十分多的 代码。我的首页已尽量复杂了，了局光 DOM 有1600+，逅牢伊恕
所以，尽量不要用过量的框架嵌套
2.防止过量的用户头像挪用
首页的会员挪用是利用重定向的，会减慢网页的速度，UCenter却是能改成伪静态，然而今朝是有BUG的，没有自界说头像 的会员头像是没法显示的
3.翻开Gzip
在网站后台 或到config.php文件 将Gzip翻开
4.后台图尽量反复使用，削减后台图的数目
各个栏目标后台图尽量一样，如许可以反复使用图片，要找到雅观和速度之间的均衡，这一条，我其实也还在不休的测验考试 中，这里保举监控宝的办事器访 问速度跟踪，可以全局把握本人网站被用户会见时的速度情况。
5.翻开并设置好后台的各类优化弛缓存
关于这方面的材料良多，我就不在这里华侈工夫了，（被pia飞~~~）
2、代码 及空间优化
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 ".(htmlhtm)$ ">
Header set Cache-Control "max-age=43200″
</FilesMatch>
#cache css, javascript and text files for one week
<FilesMatch ".(jscsstxt)$ ">
Header set Cache-Control "max-age=604800″
</FilesMatch>
#cache flash and images for one month
<FilesMatch ".(flvswficogifjpgjpegpng)$ ">
Header set Cache-Control "max-age=2592000″
</FilesMatch>
#disable cache for script files
<FilesMatch "\.(plphpcgisplscgifcgi)$ ">
Header unset Cache-Control
</FilesMatch>
</ifmodule>
3、总结
恩，临时的优化就是这些，经由过程这些优化，晋城吧 的yslow评分从50 D 上升到80+ B ，有些页面的评分为90+　Ａ．整体仍是很无效果的。
假如你需求转发此文，还请保存晋城吧链 接，假如能协助做个友链，那就太感激了。。。
附上一些网站在０７年Yslow的评分
Ａｍａｚｏｎ　　　　　Ｄ
ＡＯＬ　　　　　　　　Ｆ
ＣＮＮ　　　　　　　　Ｆ
ｅＢａｙ　　　　　　　Ｃ
Ｇｏｏｇｌｅ　　　　　Ａ
ＭＳＮ　　　　　　　　Ｆ
ＭｙＳｐａｃｅ　　　　Ｄ
Ｗｉｋｉｐｅｄｉａ　　Ｃ
Ｙａｈｏｏ！　　　　　Ａ
ＹｏｕＴｕｂｅ　　　　Ｄ
作者：晋城吧
文章来历：http://www.jincheng8.com.cn/thread-303-1-1.html
掌握静态网页的制作技术是学习开发网站的先决条件，这一点就讲到这里，因为这篇文章不是教程文章，也就不对技术进行深入的刨析了。

写js我最烦的就是 ie 和 firefox下同样的代码 结果显示的结果千差万别，还是就是最好不要用遨游去调试，因为有时候遨游是禁用js的，有可能代码是争取结果被遨游折腾的认为是代码写错。