晋城吧对DiscuzX进行的前端优化要点


Posted in PHP onSeptember 05, 2010

最近,康盛的DX版本基本确定,至少短期内不会大变了,因此,我对晋城吧的整站进行了前端优化,把自己 所做的操作记录下来,一是有个记录,防止忘掉,二是和网上的朋友们共享下自己的心得。

前端优化 推荐工具

火狐浏览器+Yslow+google pagespeed+Firebug 具体下载地址 请自行百度

一、DX后台 及DIY的优化

1.首页DIY避免过多层的嵌套

DX的每一个框架都会产生非常多非常多非常多的 代码。我的首页已经尽可能简单了,结果光 DOM 有1600+,?逅牢伊恕?/P>

所以,尽可能不要用过多的框架嵌套

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

在上边的代码后边加上如下的代码

    '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

什么??这个文件在哪里????我被你们打败了。。

修改如下 ,将第一段代码 替换为第二段

                                                                                                                                                                                                                                                                                                                                                                                                         {subtemplate common/css_diy}

替换为

                                                                                                                                                                                                                                                                                   {subtemplate common/css_diy}

打开晋城吧首页,点开源代码 ,看看 开头 的 head 里的 js 是不是少了很多啊

2.修改图片、flash、css、js的缓存时间

为上述东东设置缓存一个长长的缓存时间。比如1年,那么在第一次访问后,用户在这一年中都不用下载背景图,flash,css,js 。当然前提是你没有修改

方法 是修改网站根目录.htaccess文件

加入如下代码

        Header set Cache-Control "max-age=43200″        #cache css, javascript and text files for one week       Header set Cache-Control "max-age=604800″        #cache flash and images for one month      Header set Cache-Control "max-age=2592000″     #disable cache for script files      Header unset Cache-Control     

三、总结

恩,暂时的优化就是这些,通过这些优化,晋城吧 的yslow评分从50 D 上升到80+ B ,有些页面的评分为90+ A.总体还是很有效果的。

如果你需要转发此文,还请保留晋城吧链 接,如果能帮忙做个友链,那就太感谢了。。。

附上一些网站在07年Yslow的评分

Amazon

 D

AOL

CNN

eBay

 C

Google

 A

MSN

MySpace

Wikipedia

Yahoo!

 A

YouTube

作者:晋城吧

文章来源:http://www.jincheng8.com.cn/thread-303-1-1.html

PHP 相关文章推荐
phpwind中的数据库操作类
Jan 02 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
Nov 10 PHP
关于svn冲突的解决方法
Jun 21 PHP
php的ajax简单实例
Feb 27 PHP
PHP程序漏洞产生的原因分析与防范方法说明
Mar 06 PHP
PHP header()函数常用方法总结
Apr 11 PHP
不使用php api函数实现数组的交换排序示例
Apr 13 PHP
PHP高级编程实例:编写守护进程
Sep 02 PHP
PHP邮件发送类PHPMailer用法实例详解
Sep 22 PHP
php下载远程大文件(获取远程文件大小)的实例
Jun 17 PHP
详解php 使用Callable Closure强制指定回调类型
Oct 26 PHP
PHP实现字符串翻转功能的方法【递归与循环算法】
Nov 03 PHP
用PHP将数据导入到Foxmail的实现代码
Sep 05 #PHP
提高PHP编程效率的53个要点(经验小结)
Sep 04 #PHP
队列在编程中的实际应用(php)
Sep 04 #PHP
php生成随机密码的三种方法小结
Sep 04 #PHP
PHP安全技术之 实现php基本安全
Sep 04 #PHP
小文件php+SQLite存储方案
Sep 04 #PHP
PHP中文件上传的一个问题
Sep 04 #PHP
You might like
php自定义apk安装包实例
2014/10/20 PHP
PHP实现获取域名的方法小结
2014/11/05 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
PhpStorm连接服务器并实现自动上传功能
2020/12/09 PHP
原生js 秒表实现代码
2012/07/24 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
NodeJS制作爬虫全过程(续)
2014/12/22 NodeJs
分享一则javascript 调试技巧
2015/01/02 Javascript
基于jquery实现图片相关操作(重绘、获取尺寸、调整大小、缩放)
2015/12/25 Javascript
jquery把int类型转换成字符串类型的方法
2016/10/07 Javascript
jquery easyui validatebox remote的使用详解
2016/11/09 Javascript
jacascript DOM节点——元素节点、属性节点、文本节点
2017/04/18 Javascript
bootstrap3 dialog 更强大、更灵活的模态框
2017/04/20 Javascript
react-native 完整实现登录功能的示例代码
2017/09/11 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
Vue项目利用axios请求接口下载excel
2020/11/17 Vue.js
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
python版本的读写锁操作方法
2016/04/25 Python
python3实现读取chrome浏览器cookie
2016/06/19 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
python 提取tuple类型值中json格式的key值方法
2018/12/31 Python
Python pandas用法最全整理
2019/08/04 Python
VELTRA台湾:世界自由行专家
2017/08/15 全球购物
100%植物性、有机、即食餐:Sakara Life
2018/10/25 全球购物
英国休闲奢华的缩影:Crew Clothing
2019/05/05 全球购物
介绍一下MYSQL常用的优化技巧
2012/10/25 面试题
《我要的是葫芦》教学反思
2014/02/23 职场文书
小学学习雷锋活动总结
2014/07/03 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
教师读书笔记
2015/06/29 职场文书
幼儿园六一主持词
2015/06/30 职场文书
2016五一手机促销广告语
2016/01/28 职场文书
Python中rapidjson参数校验实现
2021/07/25 Python