1、优化网站图片大小

对于一些图片站来说，加载错误的图片格式会对你的网页造成很大影响，所以，我建议图片站的站长一定要多对图片做些优化。

（1）、图片优化原则

一般来说选取图片我们应用遵循如下原则：

①、照片使用JPG格式。

②、其它所有的图片都使用PNG格式。

（2）、调整大图的大小

目前智能机所拍出的照片越来越大，你不可能把原照片直接展示在页面中，普通的编辑器都会直接上传原图，这样会让页面的加载速度慢到另一个级别，在正常的照片处理中，一般都没有必要给用户高质量的图片展示，所以，你需要一个自动调整图片大小的工具。

需要注意的是，图片的尺寸是不能超过容量的大小的，这样一来页面加载了全图，却无法展示出来，现在照片的尺寸基本上都超过电脑显示屏的尺寸了。

图片的大小在网页总大小中占很大的比重，图片减小50%会导致整体页面大小减少75%，所以你应该认真解决一下图片的加载。

（3）、进一步压缩图片

仅仅调优图片的大小是不够的，你应该通过第三方工具对图片进行分析，进一步压缩图片。

比较好用的工具有OptiPNG，PNGOUT，jpegtran和jpegoptim，这些工具大都能安装成独立的工具或是整合到开发过程中，另外像Smush这样的工具，还可以直接在云端处理。

理想情况下，需要一个单独的CSS文件，让每个页面都调用这一个布局，当然，如果你想要支持老版本的IE，你就得多弄一个CSS文件。

另外，我还要提醒大家一点：当你把它们构建到服务器上之前，你应该把代码间所有不必要的格式都删掉。

有很多预处理工具都可以帮你解决这件麻烦事，比如Sass，LESS和Stylus。

有一些方法可以帮助你直接合并多个CSS文件，在Windows上：

copy file1.css+file2.css file.css

在Mac或Linux上：

cat file1.css file2.css > file.css

你可以把得到的CSS文件再经过在线的CSS压缩工具删除格式化。

最后，在head标签中加载所有的CSS，这样浏览器就知道你的页面样式不用多次重绘了。

3、最小化的JavaScript

利用外部文件，我们可以用Javascript代码和CSS代码放在外部文件里面，在我们的HTML代码里面加上调用代码进行调用即可，如果打开一个网站去检查它的源文件，前面如果有大量的Javascript代码和CSS代码就容易使得网站有用的内容文字部分推到后面去了，是不利于搜索引擎抓取的。

据我博客收集的数据显示：平均每个页面加载了18个javascript文件，虽然把像jQuery这样的库文件单独分开非常实用，但是你自己的JavaScript代码应该保持通用和最小化。

同样很多第三方的工具可以帮你解决这样事情，比如YUI Compressor，Closure Compiler和我最喜欢用的The JavaScript CompressorRater，简化的JavaScript代码会加快网页的访问速度，减少HTTP请求次数。

最后，最好在HTML的body标签后放置JavaScript引用代码，这样能保证JavaScript代码不影响到其它内容的加载。

4、减少页面嵌套的表格

对于表格要尽量少使用，尤其是嵌套的表格部分，虽然CSS排版使得我们编写代码更加的精简容易，但往往也是少不了表格的使用的，我们可以不去避免，但一定要减少使用多层嵌套的表格，不要产生没有用的代码。