官方首页 | 无图版 | BBS首页
PJBlog3 3.0.6.170 新版发布 下载|升级(2008.12.25) 庆圣诞+2009元旦+新春-PJ模板征集活动开始啦! 2008版 PJHOME 珍藏/纪念版官方T恤 正式发布! PJ3内测团队主创人员身份,性格,特点吐血大曝光
PJBlog技术支持论坛使用问题总索引 PJBLOG 3 的心路历程 感谢有你 【独家】我使用过的三种空间,与客服的精彩故事 Z-Blog,Wordpress,Bo-Blog转换到PJBlog
腊月的白菜-都辛苦了!祝PJ所有成员和用户的新年快乐! 苦咖啡个人BLOG-祝PJ越来越好 pjblog3资源收集-PJ加油 Feln's Blog-你们辛苦了啊 ~~
听雨轩-继续努力。。期待着PJ4的在线安装插件 cludechn's blog-加油,以后能有更好的版本推出 移动3G-3G改变生活 爱之音-希望PJ3最终版能加入附件批量上传的功能哈
 22 123
发新话题
打印

[风格相关] PJ皮肤加快显示速度的方法

本主题由 tangzhehao 于 2008-8-3 08:40 提升

PJ皮肤加快显示速度的方法

PJBlog3在万众瞩目之下正式破例像大家公测了。然而令所有PJSkiner[PJ皮肤制作者]高兴的事情莫过于这次的升级对皮肤居然没有一点影响,虽然三栏的皮肤均受到了影响,但毕竟三栏皮肤是PJ皮肤中的少数。
在PJ3发布之际,本区版主我tangzhehao,也给大家带来一个提升PJ皮肤显示速度的小方法。这个方法不是我独创的,但是效果还是有的。大家可以参考参考。

1. 首先,修改之前一定要注意备份。大家要养成及时备份的习惯。

2. 打开根目录下的header.asp文件。你可以找到
引用:
        <link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/global.css" type="text/css" media="all" /><!--全局样式表-->
        <link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/layout.css" type="text/css" media="all" /><!--层次样式表-->
        <link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/typography.css" type="text/css" media="all" /><!--局部样式表-->
        <link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/link.css" type="text/css" media="all" /><!--超链接样式表-->
        <link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/UBB/editor.css" type="text/css" media="all" /><!--UBB编辑器代码-->
这样几行代码。高手一目了然的可以明白,这其实就是PJ皮肤的心脏,也就是这些代码指向皮肤的CSS,皮肤才能正常显示,也就是说,你可以在每个皮肤下找到相对应的这四个皮肤CSS文件的。

3. 然后我们就把它们替换一下吧。
引用:
        <link rel="stylesheet" rev="stylesheet" href="skins/<%=Skins%>/style.css" type="text/css" media="all" />
也就是说,我们把这四个皮肤CSS都替换成了一个CSS文件——style.css。

4. 当然,皮肤的CSS也要作出相应的修改了。以后下载使用皮肤的时候都需要新建一个style.css文件,然后把global.css, layout.css, typography.css, link.css以及UBB目录下的editor.css全部复制到这个新建的style.css文件里面去,这样皮肤就能正常显示了。

5. 还想要什么步骤?OVER了!

加速显示的原理:原来PJ皮肤的四个CSS,浏览器在读取的时候,响应的次数是4次,而变成了一个CSS文件,自然只响应1次,在文件大小不变的情况下自然要速度增加了。
加速显示的缺陷:对于新手来说,把CSS集合成一个之后,修改的时候自然就复杂一些,因为你无法分清每一部分是原来的哪一个文件里面的。


[ 本帖最后由 tangzhehao 于 2008-8-3 08:38 编辑 ]
沁[KIng} —— TZH个人官方网站

淘好[Taonice!}. - www.taonice.cn

竭诚给您带来最流行、最时尚、最风格、最个性的购物推荐!

Tangzhehao.com.cn    TZH提供的广告

TOP

我是新手

TOP

其实新手也可以的。
可以尝试用<!--   -->做做记号,方便自己记住是哪个文件里面的内容。
沁[KIng} —— TZH个人官方网站

淘好[Taonice!}. - www.taonice.cn

竭诚给您带来最流行、最时尚、最风格、最个性的购物推荐!

Tangzhehao.com.cn    TZH提供的广告

TOP

其实也没多大的效果,对于访问量大,速度慢的空间或许有那么一点感觉。
【 - .腊月的白菜°。.;*   2009新年新气象,小博用上新域名,欢迎友情链接!

TOP

其实这样的效果也不会很大....可能很卡的博主稍微感觉到 ..而且方法稍微复杂..对CSS有些需要编写

加载CSS优化也有很多的

例如减少 @import 的使用,更勿使用多层嵌套的 @import .因为在 IE 里,@import 相当于将 <link> 放在页面尾部.

TOP

确实,本来就是一个css都可以搞定的,bo和wp也都是一个css

TOP

感觉听复杂的,呵呵,LZ做个样本看看吧

TOP

...呵呵 代码不是很多这样做没什么不好的  要是你的样式很多...回头想改的时候 呵呵

TOP

试过了 的确不错...
       200M--10元/月 1G--28元/月 10G--98元/月
浩瀚网络科技Http://Www.FzlHost.Cn提供月付虚拟主机

TOP

既然CSS可以这样改...那其它的部分像JS或许也可以这样改...偶去试试
       200M--10元/月 1G--28元/月 10G--98元/月
浩瀚网络科技Http://Www.FzlHost.Cn提供月付虚拟主机

TOP

 22 123
发新话题