网站如何优化内容(使用DIV+CSS布局网页的几种技巧！（一）)

　　网站如何优化内容(使用DIV+CSS布局网页的几种技巧！（一）)

　　1、HEAD 部分代码标准化

　　代码的HEAD部分是搜索引擎爬取网站的入口部分。现在很多网站头代码都比较统一，刻板效果明显。这样的网站 代码就像一个模板框架。蜘蛛喜欢，我们要做的就是规范网站的代码，为网站打造独一无二的头部，让搜索引擎新鲜，从而吸引蜘蛛爬行。

　　2、使用DIV+CSS布局网页

　　虽然现在div+css已经很成熟了，但是很多网页设计师可能会考虑网页的兼容性和布局的方便性，或者使用老式的表格布局。餐桌布置虽然很方便，但它的弊端也很明显。即会大大增加网页的体积，尤其是多层表格的嵌套。这样的布局不仅会增加尺寸，而且如果嵌套数量过多，会影响搜索引擎的抓取，影响网站的收录。 .

　　另外，有些网站会使用外部文件，把css和js放在外部文件里，只要把相同的代码放在页面html中就可以调用了，有时候我们去查一些源文件代码，你会看到A大量的css代码和javasript代码，javascript放在网站页面的html文件前面，一些可以使用的文本部分被压到html后面。我觉得这种代码需要精简一下。

　　3、CSS 优化

　　CSS 是页面效果呈现中非常重要的部分，它包括颜色、大小、背景和字体。编写 CSS 非常简单容易，但要编写精炼的 CSS 代码还有很多技巧。

　　(1）, CSS 位置

　　CSS 注意到如果出现在网站之后，页面需要重新渲染，打开速度会受到影响。所有CSS定义代码必须放在网站之前。

　　(2），css精灵技术

　　网站上的部分图片可以使用css sprite技术进行合并，减少加载请求次数，从而提高网页的加载速度。

　　(3），CSS代码优化

　　通过css代码属性的缩写、去除冗余结构（框架）、重置（reset）等一系列方法和技巧，简化css代码，减小css文件的大小。

　　(4），尽量不要使用嵌入式 CSS

　　内联CSS有两种，一种是头部区域的普通内联；另一种是出现在标签中的内联CSS，无论采用何种内联CSS方式，结果都会使页面变大。对此，我们可以尝试使用外部调整的CSS来让网站页面瘦身。

　　4、JS 优化

　　JS优化和其他语言的优化还是有相似之处的。 JS优化的关键是要聚焦在最关键的地方，也就是瓶颈。一般来说，瓶颈总是*敏*感*词*地发生。循环在哪里，这并不是说循环本身有性能问题，而是循环会迅速放大可能出现的性能问题。

　　(1）, JS 位置

　　在网页代码中优化js时，建议将JS放在页面的最后，可以加快页面的打开速度。

　　(2），合并JS

　　同域名下结合js，通过减少网络连接数来提高网页打开速度。

　　（3），LazyLoad（懒加载）技术

　　Lazy Load 是一个用 JavaScript 编写的 jQuery 插件。它可以延迟加载长页面中的图片。浏览器可见区域之外的图片将不会被加载，直到用户将页面滚动到其位置。

　　(4），调用外部JS代码

　　我们知道目前的搜索引擎仍然无法识别 JS 代码。如果网站网站收录中出现大量js代码，就会有困难，而我们要做的就是将Javascript代码以外部调用的形式放在网站中，即可以简化搜索引擎的工作，不会无形中衍生出无效代码而影响网站。

　　不仅如此，css代码也可以用于外部调用。 网站的文字和颜色可以在网站开头的css代码文件中定义，页面代码中尽量不要有过多的样式代码。

　　(5），减少页面对JS的依赖

　　现在，JS 对搜索引擎并不不友好。虽然据说搜索引擎不会讨厌JS，但还是多做总比少做好。 JS虽然可以产生很多效果，但是网页大量的JS会影响蜘蛛对页面的抓取，增加页面的大小，尤其是导航栏等页面的关键位置。尝试使用DIV+CSS的设计方法。

　　减少5、TABLE 标签

　　table 标签是大多数在线网站中最常见的代码形式。原因是表创建网站比较快，但这也影响了网站后期的优化。

　　与div+css布局的简化代码网站相比，占用空间更大。所以，在建网站的时候，尽量少用表单，即使使用表单，也要尽量少用嵌套表单，避免代码冗余。

　　那么，网站现在应该怎么做？很多程序员的第一个想法就是用CSS来做，用CSS来排版。这种方法大大减少了页面上的表格。但似乎网站 不能没有桌子。有些东西必须使用。是的，使用表格本身没什么，但许多网站 使用嵌套表格。一般这样的表格格式会为网站生成很多垃圾代码，而这些垃圾代码都是无用代码。类代码也是我们网站需要精简的代码之一。

　　6、代码注释省略

　　很多程序员在写代码的时候，习惯于在别人看不懂的地方给注释。这些代码通常用于几个程序员之间的协作工作，对局外人和搜索引擎毫无用处。反而会给搜索引擎蜘蛛带来一些问题。

　　在打开页面代码的时候，我们经常会看到一些注释代码，这些代码是程序员为了显示代码含义而做出的注释。其实这些都不是必须要打开的，因为对于搜索引擎来说，没有任何意义，但是做了 页面代码的容量增加了，这样网站就不会有什么优势了，这样比较好直接省略。

　　7、清除页面上多余的代码

　　一些网站认为创作者的代码编写习惯有问题，页面会出现大量空白代码，如：空白代码，样式和字体重复定义的代码。不要小看这些小代码，它们积累的太多了。 ，也会让我们的网站异常臃肿。

　　很多网站使用DIV+CSS，在CSS中定义了文本的字体、颜色和页面布局，但在其他地方网站也使用样式和字体重新定义字体。对于字体来说，这些代码的定义完全不需要重复，都是可以精简的代码。

　　8、 将html控件方法转换为CSS控件

　　许多网页设计师习惯于控制标签内的内容。比如在img标签中，宽高是用来控制图片大小的。尝试将这些代码转换成外部CSS，让网页代码更加纤薄。

　　9、Cache 静态资源

　　通过设置浏览器缓存，把css、js等更新不频繁的文件缓存在浏览器端，这样当同一个访问者再次访问你的网站时，浏览器可以从浏览器缓存CSS中获取，js等，而不是每次都从你的服务器读取，这在一定程度上加快了网站的打开速度，节省了你的服务器流量。

　　10、网页压缩技术

　　对于网页压缩，相信各位站长都不陌生。主要是在服务器上启用Gzip，对页面进行Gzip，以减少元素体积，从而减少数据传输，提高网页加载速度。这个功能需要你的服务器支持，GZIP压缩一般可以把网页压缩30%-80%，这是最重要的优化效果。

　　总之，通过代码优化来优化网站的方法有很多。我只是随便说说比较常见的。我希望你能多学习。

　　评论：

　　网站页面代码的SEO优化，不仅可以提高网页的打开速度，还可以提升用户的访问体验。同时，从SEO的角度来看，还可以提高蜘蛛的访问速度，有助于搜索引擎对网站的索引体验。