加速blog:关于javascript(css)

这里先谈一下关于javascript和CSS的问题。

压缩你的javascript和css

这里的压缩和前面的GZIP压缩不同,而是压缩空格,去除注释等,调整顺序等。如果你的服务器不支持GZIP压缩,你就更应该使用下面的压缩工具处理你的css和javascript了。

压缩CSS:压缩比率能达到20%到50%。

压缩javascript:即使是最安全的压缩模式,压缩比率也能达到20%到50%。

警告:以上压缩会破坏文档格式,请保留好压缩前文档的备份。

合并javascript和css文件

这种方面比较繁琐,完全是体力活。可以手动把文件内容都复制粘贴到一起,也可以新写一个php文件include所有需要的文件。在加快WordPress的页面生成和载入速度有比较详细的操作方法。

javasctip和css文件位置

一般来说,CSS最好放在HEAD区域内(即<body>之前),这样可以减少页面重绘。javascipt文件越靠后引用越好,比如Google Analytics的统计代码最好放在</body>之前。也可以考虑script的defer属性

  • 用CSS Sprites让网站再加速 我对于blog的速度有着变态的需求. 网站速度与HTML请求数目有很直接的关系,所以我一直没有在网页上放过多的背景图片——注意这里有个网页加速的...
  • innerHTML只读问题 & 两个动态修改Table的js函数 最近做社会实践项目遇到的一个问题,需要动态修改一个表格。本来以为要想修改一行,直接设置新的 tr.innerHTML即可。后来发现在Firefox下可行,但在IE...
  • 加速blog:处理页面图片 作为文章的或者功能性的或者美学意义上的需求,现在blog越来越丰富多彩,图片也越来越多。 选择合适的图片尺寸 现在数码相机越来越好,动辄800...
  • UCWEB7增加了对CSS的支持 UCWEB7正式版声称增加了对某些CSS的支持,昨晚上调试blog的手机版,发现它的确增加了对某些css的功能: 现在h1,h2,h3,p等标签都有默认式样了,比如h1,...
  • 剪贴板实现跨域iframe高度自适应 这两天玩xiaonei用到的一个技术,虽说是跨域iframe,但要求对外部网页和内部网页都有编辑权限,所以只能用在一些特殊场合。 如果是域内的iframe,高...
  • Dreamhost上的GZIP & Cache 用WordPress的都知道,WordPress可以打开GZIP传输,压缩比率能达到60%到80%。下表是本blog首页在Web Page Analyzer上的测试报告,此页面上包括css, js所有东西加...
(Required)
(Required, not published)

  B | I | U | D | 添加链接 | 插入引用 | 插入代码 | 插入表情 | | + | ?
guest | 注册 | BBS | 管理 | English | 繁體 | https

阅微堂

zhiqiang's personal blog
Loading...
Loading...
Loading...