seo页面优化技术前端seo怎么优化( 二 ) _生活百科

6：CSS代码的优化与控制。
小明seo教程所提供的一切网站页面(前端)优化方法及建议，其最终目的都是加快网站打开速度，这些方法和建议的落地点在于精简代码，给网页前端进行减肥，css代码优化的点包括但不限于：缩写css代码;排列css代码;同属性提取共用css选择器;分离网页颜色和背景设置样式(较大站点需要注意);条理化css代码等。
7：前端js代码优化.
与css代码类似，前端js代码优化方法包括但不限于：
避免全局查找：在一个函数中会用到全局对象存储为局部变量来减少全局查找，因为访问局部变量的速度要比访问全局变量的速度更快些;
定时器：如果针对的是不断运行的代码，不应该使用setTimeout，而应该是用setInterval，因为setTimeout每一次都会初始化一个定时器，而setInterval只会在开始的时候初始化一个定时器;
字符串连接：如果要连接多个字符串，应该少使用+=;如果是收集字符串，比如多次对同一个字符串进行+=操作的话，最好使用一个缓存，使用Java数组来收集，最后使用join方法连接起来;
避免with语句：和函数类似，with语句会创建自己的作用域，因此会增加其中执行的代码的作用域链的长度，由于额外的作用域链的查找，在with语句中执行的代码肯定会比外面执行的代码要慢，在能不使用with语句的时候尽量不要使用with语句;
数字转换成字符串：般最好用”” + 1来将数字转换成字符串，虽然看起来比较丑一点，但事实上这个效率是最高的;
浮点数转换成整型：很多人喜欢使用parseInt()，其实parseInt()是用于将字符串转换成数字，而不是浮点数和整型之间的转换，我们应该使用Math.floor()或者Math.round();如果定义了toString()方法来进行类型转换的话，推荐显式调用toString()，因为内部的操作在尝试所有可能性之后，会尝试对象的toString()方法尝试能否转化为String，所以直接调用这个方法效率会更高;
多个类型声明：在Java中所有变量都可以使用单个var语句来声明，这样就是组合在一起的语句，以减少整个脚本的执行时间，就如上面代码一样，上面代码格式也挺规范，让人一看就明了。
插入迭代器：如var name=values; i++;前面两条语句可以写成var name=values[i++];
使用DocumentFragment优化多次append;
使用一次innerHTML赋值代替构建dom元素;
通过模板元素clone，替代;
使用firstChild和nextSibling代替childNodes遍历dom元素;
删除DOM节点; 使用事件代理;
重复使用的调用结果，事先保存到局部变量;
注：seo优化人员不必要求掌握前端js代码优化的具体代码，这是前端人员的工作。
8：tab表格的使用建议。
tab表格布局网页是较过时的技术，现目前效果更好的是div 。对于tab表格的使用建议如下：尽量少使用tab表格，杜绝在嵌套条件下的表格使用。
9：网站图片seo优化。
网站图片优化是加快整站打开，加载速度的重要一环，对于网站来讲，我们需要使用正确的图片尺寸与格式，并在不损害图片质量的情况下压缩图片。
首先，使用正确的图片格式如jpg格式的图片。
其次，使用合理的图片尺寸。图片尺寸越大，对加载的速度影响越大。有相关统计，图片减少50%，其网站整体页面会减少75% 。对于图片尺寸的处理，其基本要求是在满足用户需求的基础上使用相应大小的图片。
再次，使用工具压缩图片。图片变小有利于网站打开速度的提升，使用压缩工具可以让图面所占的空间更小。
10：删除多余的字体和网页注释。
从字体方面分析，如果使用字体过多，势必会造成网站加载速度变慢，从而不利于网站前端的打开速度的提升;
从网页注释分析，网页注释有利于前端开发人员对于网站的维护，但另外一方面，这些注释对搜索引擎是无用的，是多余的“噪声” 。

seo页面优化技术 前端seo怎么优化( 二 )

seo页面优化技术前端seo怎么优化( 二 )