晋城吧对DiscuzX进行的前端优化要点
日期：2012-04-19 浏览次数：20497 次
前端优化 推荐工具
火狐浏览器+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 |
在上边的代码后边加上如下的代码
|
'portal' => array('//static/js/common.js', '//static/js/home_friendselector.js', '//static/js/forum.js', '//static/js/portal.js'), |
什么？？这个文件在哪里？？？？我被你们打败了。。
修改如下 ，将第一段代码 替换为第二段
| <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"
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
|
