网站由前端和后端组成，前端呈现给用户。本文将告诉你前端页面代码的优化，当然仍然是基于网站排名优化的。
就前端而言，假如做伪静态处置，基本上是普通的html代码，正常状况下，这类页面内容是通过页面模板输出的。那样前端页面代码需要优化那几个方面呢？让大家从以下几个方面来看。
1.代码地方
代码的地方处置事实上是一个小事，但意义并不小。百度搜索SEO指南明确指出，页面应尽量优先考虑主要内容，什么是主要内容？举个简单的例子，文章页面，文章的具体内容是主要内容，其他像边栏.有关内容等模块是附加内容。
部分网站页面用两栏，左侧是边栏，右侧是页面主体，前端代码用从上到下.从左到右的顺序。这种代码处置对用户来讲并没错，但对于爬取代码的搜索引擎来讲，就是先抓取次要内容，再抓取主要内容，对网站优化就优化而言，这是不适当的。
其实解决代码地方的问题非常简单，目前绝大部分网站都在用div+css，大家仅需稍微调整一下代码！比如，通过通过div的float属性处置左右地方，将右边内容块放置在页面模板上。
2.头部冗余代码
一些开源网站程序在添加了很多的代码，假如你根本看不到源码，这对用户来讲没什么，但有的代码是完全多余的，甚至有的代码使用方法不对也会致使一些非必须的错误。
笔者建议，代码尽可能简单，不可以直接遗弃，另外，不确定怎么用代码也果断舍弃。简化代码有益于页面打开的速度。
3.结构化和H标签
这里的结构化主要针对H标签和div区块，比如，H标签可以标记页面中什么内容是非常重要的，什么是次要的。关于H标签，建议你阅读怎么用页面H标签。
至于div其实比较容易理解，譬如把一些有关性强的内容放在一个地方div其中，它可以与其他内容了解区域分开来。举个最简单的例子，或者说文章页面，大家可以把文章内容放在一个div中间，将有关推荐内容放入一个div中间，放一个边栏div经过如此的处置，整个页面代码具备明显的构造化和层次感。
使页面代码结构化，设置H标签，目的是帮助搜索引擎更好地辨别和学会页面内容，这是帮助搜索引擎更好地辨别和学会页面内容。网站排名优化是有益的。
4.尽可能少用js
为了让页面看着更酷，一些朋友用了不少js代码，这么酷的成效已经达到了，但忽视了这类特效的代码会很大地影响页面的打开速度！网站排名优化是极其不利的。
5.css外调
css代码应该放在一个独立的文件中，由于css文件中的很多样式同时被不相同种类型的页面调用，设置独立的文件，以确保页面代码的清洗，防止代码冗余。
PS：近期有一种说法，除去公共部分css代码，单独用的页面css代码直接写在页面模板中，简化css文件代码，正在调用中css降低代码渲染时间，提供页面打开速度。这在理论上是可行的，但它会增加工作量。让大家权衡一下！
6.图片处置
关于图片的处置注意两点，一是添加图片alt属性，帮助搜索引擎辨别图片内容；二是设置尺寸，尤其是在设置尺寸时，尤其是在设置尺寸时，pc端，设置尺寸，打开页面后降低渲染过程。
在前端页面代码优化中还有不少小事，大家需要记住，可以提升页面打开速度，帮助搜索引擎辨别页面内容都值得研究。
