如何进行网站优化?

网站优化网站建设中至关重要的一个概念,它可以影响到网站的搜索引擎排名、网站加载速度、以及用户体验等方面。

那么应该如何做好一个网站的网站优化呢?我们可以从以下几个方面入手。
 

代码精简

代码精简包括良好的编码习惯(格式)、代码解耦、代码复用以及代码文件的压缩。
关于代码的前端解耦我们在之前的文章中有所涉及,而代码文件压缩可以用到YUI的代码压缩工具
 

图片优化

图片优化包括图片大小的压缩、以及图片整合,图片压缩可以参考网站开发工具中的tinypng。
同样大小的文件,HTTP请求越多次,速度越慢(例如获取一个100kb文件的速度要远远快于获取2个50kb文件的速度)。
所以我们会通过css spirit技术把一个网站中较小的图片集中在一个图片中进行调用,以此减少请求数量,从而优化页面加载速度。 
 

文件引入

在HTML编码的结构中,文件引入位置同样会影响网站优化效果。
CSS文件需要在head标签中引入,CSS代码同样应该写在head标签中。
而JS文件和JS代码需要在body标签之后引入,从而避免影响DOM元素加载(虽然jQuery的ready已经达到了这个效果,但是养成这样的习惯还是很有必要的)。
 

服务器压缩

如果你采用的是apache服务器,那么开启服务器端的Gzip是非常有必要的。
它会将HTML文件经过压缩后进行传输,从而大大加快页面加载速度,对于网站优化而言也是非常重要的。
 

采用CSS3等技术代替部分图片

由于CSS3技术的不断发展,我们提倡大家采用CSS3来代替一些传统的图片效果(例如圆角等)。
另外,如果你更喜欢扁平化设计,那么网站优化会更加事半功倍。
 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

Grow your business fast with

Suku