对网站速度优化的10个简单步骤

2019-03-08    来源:Chinaz用户投稿

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

最近萧涵参加博百优比赛,写的都是一些链接建设之类的SEO技巧,今天给大家说说10个非常简单的优化步聚,就是对你的网站速度的优化,目前GOOGLE都已经将网页打开速度列为搜索排名算法之一了,而网站速度除了服务器空间和带宽,还有网页本身的优化。

1、尽量使网页符合W3C标准

网页代码尽量要写标准规范,尽量采用DIV+CSS架构,因为table的代码实在要多出很多。

2、精简你的CSS代码

将网页的CSS代码放置到一个外部文件中,在head区用<link href="CSS文件路径" rel="stylesheet"type="text/css" />调用,同时将CSS代码精简,比如一段CSS如下:

.main{width:960px;margin-left:10px;margin-right:10px;margin-top:5px;margin-bottom:5px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-left:1px #ccc solid;border-right:1px #ccc solid;border-top:1px #ccc solid;border-bottom:1px #ccc solid;}

这段代码感觉太多了吧,我们完全可以改成下面的:

.main{width:960px;margin:5px 10px;padding:0;border:1px #ccc solid;}

这样就精简很多了。

3、给你的图片减肥

图片可以说是影响网页加载速度最大的因素,在保证图片质量的前提下,尽量将图片的尺寸降低,最好使用GIF或JPG格式的图片。

4、尽量使用背景图片,而不是直接加载

图片可以让网站增添不少活力,但同样却是影响网页加载速度的最大罪魁祸首,很多需要使用图片的地方,我们可以采用背景的形式来展示,尽量使用很少的背景图,比如,将所要用到的图片全部放在一张,利用CSS控制,这样将HTTP请求减少到最低。

5、将JS代码放置外部文件中,通过<script>调用

JS代码我们知道搜索引擎是不能读取的,放一堆在页面中太占地方了,我们同样跟CSS一样放置到外部文件中,通过<script type="text/javascript" language="javascript"src="JS文件路径"></scpirt> 这种形式来调用。

6、将所有标记的代码放到页面底部

当你的网页调用了JS文件来实现某些特效,那通常是在HEAD区域使用《script》标记,其实我们可以放到底部来。对于访客来说,网站打开至加载到底部的代码时间很短,有时可以忽略不记,所以不会影响什么。而对于搜索引擎来说它不认识的代码越少当然越好了。

7、将网页生成静态的

动态页面,是需要服务器端通过客户端的请求再临时生成的,虽然现在的带宽足以让之间的差别变得很小,但还是可能有部分访客自家的网速很慢,这样动态页面跟生成的纯静态页面的打开速度就相差很明显了。

本文只是SEO中的一些表面东西,这里只是希望能带动大家的思维,还是希望能有点帮助。

作者:萧涵 来源:http://www.xiaohan86.com/201005421.html

标签: SEO优化 关键词优化 CSS代码 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:做外链如何养成好的习惯 有三点要素

下一篇:新站如何在搜索引擎中获得好的排名?