网页优化技巧

在本文中，赢在威客网小编会给大家一些建议，虽说前三个建议实际上不能给“网页减肥”，但它们仍能有效的加快网页加载速度。

　　1、用GZIP格式压缩

　　gzip是GNUzip的缩写，它是一个GNU自由软件的文件压缩程序。它是Jean-loupGailly和MarkAdler一起开发的，第一次公开发布版本是1992年10月31日发布的版本0.1，1993年2月发布了版本1.0。

　　我们在Linux中经常会用到后缀为.gz的文件，它们就是GZIP格式的，现今已经成为Internet上使用非常普遍的一种数据压缩格式，或者说一种文件格式。

　　HTTP协议上的GZIP编码是一种用来改进WEB应用程序性能的技术，大流量的WEB站点常常使用GZIP压缩技术来让用户感受更快的速度。

　　这一般是指WWW服务器中安装的一个功能，当有人来访问这个服务器中的网站时，服务器中的这个功能就将网页内容压缩后传输到来访的电脑浏览器中显示出来。

　　一般对纯文本内容可压缩到原大小的40%，这样传输就快了，效果就是你点击网址后会很快的显示出来，当然这也会增加服务器的负载，一般服务器中都安装有这个功能模块的。

　　根据W3C组织调查，大部分的网站都没有启用压缩功能。

　　2、支持浏览器缓存

　　如果浏览器支持缓存，我们就不用重复下载网页资源，最简单的设置缓存方法是在响应头中添加相应的内容，包括：Expires header，Last-Modified等。

　　3、使用内容分发网络

　　CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络“边缘”，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。

　　4、删除不需要的资源

　　当你不再需要一个组件的时候，你应该删掉它的CSS和JavaScript代码，如果这些代码都单独放在一个文件中，那删掉它们也不是难事，但如果已经没有用的代码和其它代码在一个文件中，那你肯定要费不少精力去删掉它们。

　　5、style和font重复定义的沉余代码

　　要充分利用好CSS代码定义自己的颜色大小等，有些网站既用了CSS代码定义了之后又去使用style或者是font这样的代码进行定义，这样就无形中增加了无用代码，容易造成代码冗余，因此我们要对这样的代码进行压缩，实现代码精简。

　　6、通用和最小化CSS

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

　　7、通用和最小化的

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

　　8、减少页面嵌套的表格


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

　　9、网站图片的优化

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

　　10、删除不必要的字体和注释

　　已经彻底改变了字体的设计，它减少了很多不必要的文本，然而，目前的字体仍然会给你的网页带来多余的字节。