6.压缩并合并JavaScript 平均每个页面需加载18个JavaScript文件，所以我们要将自己编写的JavaScript代码进行合并和压缩。我们可以自己构建压缩工具，也可以使用在线工具，如 YUI Compressor、 Closure Compiler及CompressorRater。 使用JavaScript压缩工具进行压缩，必须十分谨慎。你的代码有一点小问题，即便丢失了一个分号，压缩过程也可能会失败。无论如何，对JavaScript文件进行压缩，可减少HTTP请求数量，从而提高网站性能。 最好在</body>之前加载JavaScript（紧挨</body>），这样可确保该脚本不会阻碍其它内容的加载，同时在该脚本被下载和执行之前，页面的内容已加载完毕，并可阅读了。 7.使用正确的图片格式 错误地使用图片格式会增加网页的负载。图片格式通常有以下使用原则：
当你有一些小图像，它们仅包含有限的几种色彩集，采用GIF格式，其压缩效果可能更好。本文暂不讨论向量图。 现在有大量免费的图形软件包，可用来转换图片的格式。其中像XnView允许你批处理这些文件。请记住下面两条原则：
8.重整大图片的尺寸 即便是最入门级的智能手机上的照片机（三百万像素），其拍出来的照片往往太大而不适合在网站上显示。但大部分内容编辑者往往将图片直接从相机中直接上传到网站上。因此，我们需要一个可以自动调整图片尺寸的系统。 图片的尺寸永远不能超过它所在容器的最大值。如果网站模板的宽度最大为800px，那图片的宽度就不能超过该值。一些高分辨率、Retina显示屏，可显示宽度为1600px的图片，但这仍比从相机中直接输出的图片要小。 在降低网页文件大小方面，图片尺寸的调整起着重要的作用。将图片尺寸缩小50%，可节省75%的总空间，相当于减少了文件大小。 9.进一步压缩图片 即便已将图片调整为正确的格式和尺寸，你仍可使用一些分析和优化图像的工具进一步压缩图片。这些工具包括 OptiPNG、 PNGOUT、 jpegtran和 jpegoptim。大部分工具可独立安装，也可整合入你构建的过程中。另外，还有一些在线工具，如Smush，它可以工作于云上。 10.去掉不必要的字体 Web字体对设计进行了重大改革，减少了基于图像的字体的使用。但是，使用传统字体后，网页的代码量往往会增加数百KB。所以网站中这种字体的使用尽量控制在两、三种以内。 利用以上提到的方法，大部分网页文件可以减去总大小的30~50%。对于一般的网站，可以减掉800KB的代码量，访问速度可获明显提升。 |
