作为网站SEO优化人员，对于网站代码，必须要有所了解，这是做网站优化的必备要素之一。网站推广要想获得好的绩效，源代码是很关键，挑剔的[搜索引擎蜘蛛](/e/.html)对于简洁的网站代码是情有独钟的，这就需要我们对网站代码进行精简及优化。网页的精简说白了就是网站代码优化，去掉网站多余的代码，以减少网站的大小，提高网站的加载速度和用户体验。 HEAD部分代码规范化，这是搜索引擎爬行网站的入口部分，现在很多网站的头部代码都相当统一化，刻板效应明显十足，这样的网站代码是像模板框架一样是不被喜欢的。而我们要做的就是将网站的代码规范化，建立起网站独一无二的head部分，让搜索引擎有新鲜感，这样才能够吸引爬行。 使用DIV+CSS布局网页，虽然现在div+css已经很成熟了，但是很多网页设计者可能考虑到网页的兼容性以及布局的简易性还是使用老式的table布局。虽然table布局很方便，但是其弊端也是显而易见的，那就是会大大增加网页的大小，尤其是多层表格的嵌套，这种布局不仅会提升体积，同时如果嵌套数太多的话就会影响到搜索引擎的爬行，影响到站点的收录。 另外，CSS优化是页面效果呈现中非常重要的组成部分。它包括颜色、大小尺寸、背景和字体等。写CSS很简单很容易，但是要想写出精炼的CSS代码还是有很多技巧的。 1. CSS位置：CSS说明如果出现在网站之后，页面需要重新渲染，打开速度受到影响，所有css定义代码的位置要放到网站之前。 2. CSS 技术：网站上的一些图片可以采用css 技术进行合并，减少加载请求次数，从而提高网页的加载速度。 3. CSS代码优化：通过对css代码属性的简写、移除多余的结构和重设等一系列的方法和技巧来简化css代码，减小css文件的大小。 4. 尽量不要使用内嵌式CSS：无论是head区域的普通内嵌式还是在标签内出现的行内内嵌式CSS，都会提升页面的体积，我们可以尽量使用外调式的CSS来为站点页面的体积瘦身。 接下来是JS优化，JS优化与其他语言的优化也仍然有相同之处，JS优化的关键，仍然是要把精力放在最关键的地方，也就是瓶颈上。一般来说，瓶颈总是出现在大规模循环的地方，这倒不是说循环本身有性能问题，而是循环会迅速放大可能存在的性能问题。 1. JS位置：网页代码中对js进行优化的时候，重庆SEO建议将JS放在页面最后，这样可以加快页面打开速度。 2. 合并JS：合并相同域名下的js，通过减少网络连接次数从而提高网页的打开速度。 3. 技术：Lazy Load是一个用编写的插件，它可以延迟加载长页面中的图片，在浏览器可视区域外的图片不会被载入，直到用户将页面滚动到它们所在的位置。 4. JS代码外部的调用：我们知道当前的搜索引擎还是不能够识别JS代码的，倘若在网站中出现大批量的js代码网站在收录上就会出现困难，而我们要做的就是将用到代码用外部调用的形式放在网站中，这样可以简化搜索引擎的工作，也不会在无形中衍生出无效代码累及网站。 5. 降低页面对于JS的依赖性：现在来说，JS对于搜索引擎并不友好，虽然有消息称搜索引擎不会对JS有厌恶的情绪，但是多一事不如少一事，虽然JS可以制作出很多的效果，但是网页中大量的JS将影响蜘蛛对页面的抓取和增加网页体积，尤其是页面的关键位置如导航栏，尽量采用DIV+CSS的设计方法。 然后是TABLE标签的缩减，table标签是现在大多数上线网站中最为常见的代码形式，原因根本在于table在建立网站时比较快捷，但是这也就影响了网站的后期优化。相对于div+css布局的精简代码网站来说，它的占位比较大，所以，在建站时候，尽量是少用表格，即便是要使用表格时，嵌套式表格也要尽量少用，以免产生冗杂代码。 至于现在的网站用什么做呢？很多程序员第一想法就是采用CSS去做，采用CSS去排版，这种做法呢，就使页面中的表格大大的降低了，但在重庆SEO看来，网站也不能没有表格，有些事必须使用到得，使用表格本身没什么，但是有很多网站都采用嵌套表格，一般这样的表格形式会给网站产生大量的垃圾代码，并且这些垃圾代码都是没有任何用处的代码，这一类代码也是我们网站需要精简的代码之一。 代码注释省略，很多程序人员在编写代码时都习惯在别人看不懂的地方给出一段注释，这些代码往往是为了几个程序员之间的协同工作，对于外人以及搜索引擎来说没有任何用处，相反还会给**搜索引擎蜘蛛**带来一定的困扰。 打开页面代码我们经常会看到一些注释代码，这是程序员为了表明代码意义而做的注释，其实这些打开不必，因为对于搜索引擎而言，它们是不存在任何意义的，只是会增加了页面代码的容量，这样对于网站不会有什么利处，不如直接省略。 清除页面中多余的代码，有的网站以为制作者的代码书写习惯问题，页面会有很多空格代码，比如：空格代码、style和font重复定义的代码，不要小看这些体积很小的代码，积攒多了，也会使我们的网站异常的臃肿。 很多网站都是采用的DIV+CSS，在CSS中定义了文字的字体，颜色，以及页面的排版，但是在网站的其他地方还用了以style以及font来 定义字体字体，这些代码完全没有必要重复定义，属于可以精简的代码。 将html控制方式转换为CSS控制，很多网页设计者习惯在标签内对内容进行控制，比如img标签里通过width和来控制图片的大小，尽量将这些代码转换成外调式的CSS，使网页代码更加的瘦身。 缓存静态资源，通过设置浏览器缓存，将css、js等不太经常更新的文件缓存在浏览器端，这样同一访客 访问你的网站的时候，浏览器就可以从浏览器的缓存中获取css、js等，而不必每次都从你的服务器读取，这样在一定程度上加快了网站的打开速度，又可以节约你的服务器流量。 网页压缩技术，对于网页压缩而言，相信各位站长都比较熟悉，主要是启用服务器Gzip，对页面Gzip压缩，减少元素的体积，从而减少数据的传输，进而提高网页的加载速度，这个功能需要你的服务器的支持，GZIP压缩一般能对网页进行30%-%的压缩，是最重要的一种优化效果。 网站页面代码的SEO优化，不但可以提高网页的打开速度，还可以提升用户的访问体验，同时从SEO的角度来说，还可以提高蜘蛛的访问速度，有助于搜索引擎对网站的索引体验。 网页代码优化是一个持续的过程，需要我们不断地学习新技术、新方法，以适应搜索引擎的不断更新。只有这样，我们的网站才能在竞争激烈的网络市场中立于不败之地。让我们一起努力，优化代码，提升排名，共创美好未来！