|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
会HTML吗?会,我能编好几个大表格排板的网页啦! 本文向您引见若何经由过程在您的 CSS 和 JavaScript 文件中 — 两种易于优化的罕见资本,利用社区中供应的东西便可完成优化 — 优化空间利用来完成更高的功能。但是,在持续之前,有一点是很主要的,紧缩 CSS 和 JavaScript 文件只是为了让您的 web 使用法式 “轻便” 的诸多操作个中的两个手艺。关于优化其他资本(好比,HTML 和图象)的 手艺,参阅 参考材料 获得更多信息。
为了从本文中取得最大收益,您需求装置以下东西:
一个文本编纂器
Java™ Runtime Environment 1.4 或更新版本
成绩:空白内容
当开辟人员利用 CSS 或 JavaScript 文件任务时,空白内容凡是是一件功德。空白内容包含缩进文件所利用的字符,加强可读性的间距、和为了在文章的分歧局部添加一个可视距离而拔出的额定空行。空白内容使文件易于浏览和保护。思索 清单 2 中的 CSS 文件,个中有恰当数目的空白内容(和正文),有助于开辟人员了解 CSS 代码的意图。
从这一点下去说,将文件变得更小作为成绩的一个临时处理计划是不成行的,由于文件很有能够在未来会被修正。假如将空白内容和注册全体删除,CSS 和 JavaScript 代码就很难浏览。
成绩是逐步增添的空白招致文件不休增大。每一个空白行、缩进和括号之间的空格最少占用一个额定字符,这关于 CSS 或 JavaScript 代码的准确解析来讲实践上其实不需求。起首,一两个空白没有甚么大不了的,然而小数目乘以一个很大倍数时就酿成很大的数目了。
思索如许一个文件,个中额定空白总计 5KB。假如您的网站天天的点击率是 1000,天天节俭 5KB 每月就能够勤俭大约 146 MB((5K * 1000 * 30) / 1024 作为粗略估量)。就这而言,该文件的点击量仍是绝对守旧的估量,实践空白本钱能够还会增添。
另外,下载您文件的用户必需守候文件的下载。虽然很多用户在他们第一次会见您的网站后能够就有缓存的 CSS 或 JavaScrip 文件,功能依然会对他们的第一次会见形成负面影响。假如您可以削减您 CSS 和 JavaScript 文件,即便每次 1 KB,您都可以削减数千字节的阅读器必需加载的数据。
处理计划:紧缩
要处理成绩并从小资本获益,一个不言而喻的处理计划是从您的 CSS 和 JavaScript 文件删除额定元素,好比正文和空白。然而,因为在开辟过程当中从您的文件删除正文和空白不 可行,一个较好的处理计划是 “分级” 您的网站资本、优化它们、然后将其宣布。
编写一个删除空白字符的定制剧本最后听起来是一个可行的处理计划,然而在 CSS 和 JavaScript 文件中自己都有很主要的空白。因而任何删除空白和紧缩文件的东西必需是足够智能,可以区分哪些言语中哪些空白是主要的。
侥幸的是,在社区中已可以找到这类东西了,它们已经由资本(好比 CSS 和 JavaScrip 文件)紧缩测试了。个中一个东西就是 YUI Compressor,一个来自 Yahoo! |
|