一起CSS

当前位置:一起CSS > 可用性/可访问性 > 文章正文

用Minify加快你的网站速度

日期:2010-08-18 分类:可用性/可访问性

Web 性能越来越被重视,其中很重要的一条是减少 HTTP 请求,减少 HTTP 请求包括很多方面,今天来介绍一下用 Minify 减少网站的 HTTP 请求。

Minify 是 PHP5 应用程序,它能合并、压缩 jscss 文件,并且能通过 HTTP gzip/deflate 及一些相关头,优化客户端缓存。

那么以本博客为例来看看 Minify 的效果如何。本博客 js 文件有 5 个,css 文件 1 个。下图是没有使用 Minify 的截图:

下面这一张是使用了 Minify 后的截图:

从两张图片中的数据对比可以看出,css 文件 和 js 文件都有大幅度的压缩,5 个 js 文件也合并成了 1 个(最后一个是 google analytics 生成的),所以加载速度也提高了许多。

Minify 的使用简单,首先到 Google Code http://code.google.com/p/minify/ 下载该应用,解压后把 min 目录上传到网站根目录下,然后把 jscss 文件的路径按 Minify 的方式写,就完成了。那应该怎么写呢?

css 文件按照下面的方式写:

<link media="screen" type="text/css" href="/min/f=style.css" rel="stylesheet" />

如果有多个文件,则用逗号分开,如:

<link media="screen" type="text/css" href="/min/f=style1.css,style2.css" rel="stylesheet" />

js 文件也是一样的:

<script type="text/javascript" src="/min/f=script.js"></script>

你也可以在你的域名后加上 min/ 访问 Minify URI Builder,在这个页面中,你可以输入你需要合并压缩的 jscss 路径,按 Update 按钮后,它会给你生成一个完成的代码,你只需要将代码粘帖到文件中即可。

本博客用了 Minify 后,YSlow 和 Monster 的评分都比较高,感觉很不错。

Minify 在 Google Code 上的地址是:http://code.google.com/p/minify/,你可以前往下载最新版本和了解更多信息。

查看:1,036 评论:9

随机日志

共有 9 条评论

发表留言

请言之有物,无意义留言或只为留链接留言一律不予通过!

提示: 您可以使用一些简单的标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

分类

最新日志

最新评论

存档

链接

  • 亚当学院
  • CSS视频教程下载
  • 前沿视频教室
  • 前端爱好者
  • GoodText
  • Kily`s Blog
  • mymickey
  • 秦丰网站策划
  • 奥想创意
  • 我的职业生涯
  • 蜗爱CSS
  • 蜈蚣's Blog
  • web标准学习—小辉博客
  • 十字花匠

© Copyright 2010 一起CSS All Rights Reserved