1、如何做好网站前端优化
一. 清理 HTML 文档
二. 优化 CSS 性能
三.减少外部HTTP请求
四. 压缩 CSS, JS 和 HTML
五. 使用预先获取
六. 使用 CDN 和缓存提高速度
七. 压缩文件
八. 优化你的图片
九. 使用轻量级框架
十.前端优化 – 总结
进行前端优化似乎需要花费很大的精力，相信这篇应用指南中的一些小技巧能帮你极大改善网站加载速度。网站加载地越快，则用户体验越佳。因此, 对前端进行优化能使给你和你的用户都带来益处。如果你有任何其他好的优化方法，请在评论区留下您的宝贵建议。
2、网站优化的问题（图片和js过多）怎样优化
js尽量放到网站底部
一 ALT标签 .
图片一定要添加ALT标签，ALT标签在图片搜索中占着很重要位置，你做的是什么图片，这个ALT标签就要有这个文字，刘德华的图片，就要告诉搜索引擎，我不是周杰伦。 ..
二 图片标题 版权申明
这点和网页优化中的Title标题一样，是个什么内容的图片，就给这张图片取个相符的标题。 .
三 图片格式 。
目前，搜索引擎图片库中，大多数图片的文件格式是JPG，JPEG，JIF，就以JPG，JPEG，GIF为后缀来完成图片。 .
四 图片文字介绍 .
排在前面的图片，基本都是关于这张图片的一个专栏介绍，以告诉搜索引擎这个图片的重要性。 .
五 外部链接 .
网站优化需要外部链接，同样，图片的seo优化也是需要外部链接，链接始终是网络的最根本基础，最优秀的图片才会在网络上蔓延，搜索引擎也就是分析这张图片的外部链接，从而来判断这张图片是不是受欢迎。 .
目前，SEO行业内大家都把眼光主要盯在百度，GOOLGE，YAHOO等各大搜索引擎的网页搜索上，对其它产品的搜索优化则研究的甚少，百度众多产品中除了网页搜索，MP3搜索，图片搜索同样聚集着巨大的人气。根据本人的小站来路数据统计显示，目前图片搜索约占百度总搜索量的55%-60%，所以针对“百度图片搜索优化”是一件很值得我们去做的事情 根据专家观察，这样的理论和现象都是值得各位站长深思的，所以希望大家多做研究学习，争取总结出更多更好的经验!
然而针对百度做图片搜索的搜索引擎优化，并不是一件容易的事情，它不像网页搜索引擎优化那么容易研究。主要原因，目前搜索引擎并不能很好的识别出图片信息，图片不像文字那样，搜索引擎对文字内容的识别，可以通过自身的文字识别系统，来判别出，即便是搜索出来的信息有偏差，但也不会太离谱。但图片的组成信息是二进制机器码，即使是像GOOGLE这样的搜索引擎，也还不能很好的识别哪张图片才是最重要的图片。所以，更多的希望我们进一步的去探索和研究。 .
3、网站首页写了很多js 应该怎么优化 我想把简单的都写在一个里面可以吗？
可以，这样做是比较合理的。但是最好还是按照js用途分一下，比方说请求数据的，辅助功能的，通用的
4、网站的JS文件过多影响优化吗
js文件的加载是顺序加载的, 并且是"单线程"的加载, 也就是一个加载完才加载另一个, 所以是有影响的.
5、在网站css和js对网站SEO起作用吗?
规范的讲，需要把css 和js 分别用放在一个文件中在网页中进行调用，页面中不能出现大量的js 和css代码。
网页中若出现大量的js 和css代码会影响网站的收录，最终会影响到seo的
6、如何优化一个网站，可从dom，css，js等几个方面来谈谈
我的经验是，大量的相关文章+合理的站内链接+稳定的更新频率。
如何做好seo优化策略可参考如下方法：
在搜索引擎优化中，SEO策略影响到最终的优化效果。SEO策略不管对中小网站还是大型网站都是重要的，而对于大型网站，制定一个好的SEO策略尤为重要。
第一部分：关键词分析
关键词分析是所有SEO必须掌握的一门功课，大型网站虽然有海量的数据，但是每个页面都需要进行关键词分析，除了SEO之外，策划、编辑也需要具备一定的关键词分析能力。
关键词分析的基本原则：
1、 调查用户的搜索习惯：这是一个重要的方面，只有了解用户的搜索习惯，才能把我用户的搜索需求，用户喜欢搜索什么?用什么搜索引擎?等等
2、 关键词不能过于宽泛：关键词过于宽泛会导致竞争激烈，耗费大量时间却不一定得到想要的效果，并且可能降低了关键词的相关性。
3、 关键词不能过冷：想想，没有用户搜索的关键词，还值得去优化吗?
4、 关键词要与页面内容保持高度的相关性：这样既有利于优化又有利于用户。
关键词挑选的步骤：
1、 确定核心关键词：我们应该考虑的是哪一个词或者两个词能够最准确的描述网页的内容?哪一个词用户搜索次数最多?
2、 核心关键词定义上的扩展：例如核心关键词的别名、仅次于核心关键词的组合等、核心关键词的辅助等。
3、 模拟用户思维设计关键词：把自己假想为用户，那么我会去搜索什么关键词呢?
4、 研究竞争者的关键词：分析一下排名占有优势的竞争对手的网页，他们都使用了什么关键词?
第二部分：页面逆向优化
为什么要做逆向优化?因为在大型网站中，页面的优化价值一般不同于中小网站。考虑到各种综合因素(例如品牌、页面内容、用户体验等)，大型网站的页面优化价值大多数呈现逆向顺序，即：最终页>专题页>栏目页>频道页>首页。
如何针对各页面进行关键词分配呢?通常情况是这样的：
1、 最终页：针对长尾关键词;
2、 专题页：针对热门关键词，例如"周杰伦";
3、 栏目页：针对固定关键词，例如"音乐试听";
4、 频道页：针对核心关键词，例如 "音乐";
5、 首页：不分配关键词，而是以品牌为主。
在进行关键词分配后，我们可以在最终页中添加匹配的内链作为辅助，这是大型网站内链的优势。
第三部分：前端搜索引擎友好，包括UI设计的搜索友好和前端代码的搜索友好两点
1、首先来看UI设计的搜索引擎友好：主要是做到导航清晰，以及flash和图片等的使用，一般来说，导航以及带有关键词的部分不适合使用flash及图片，因为大多数搜索引擎无法抓取flash及图片中的文字。
2、然后是前端代码的搜索引擎友好：
a、代码的简洁性：搜索引擎喜欢简洁的html代码，这样更有利于分析。
b、重要信息靠前：指带关键词的及经常更新的信息尽量选择出现在html的靠前位置。
c、过滤干扰信息：大型网站的页面一般比较复杂，各种广告、合作、交换内容以及其他没有相关性的信息比较多，我们应该选择使用js、iframe等搜索引擎无法识别的代码过滤掉这一部分信息。
d、代码的基础SEO：这是基础的SEO工作，避免html错误以及语义化标签。
第四部分：内部链接策略
为什么要强调内部链接策略?因为内链具有以下优势：
1、 大型网站海量的数据使内链的优势远远大于外链。外链的数量可能几千几万几十万，但是大型网站拥有成百万上千万甚至上亿的海量网页内容，如果用这些海量的网页做内链的建设，优势是很明显的。
2、 网站内的网页间导出链接是一件很容易的事情。
3、 提高搜索引擎对网站的爬行索引效率，增强收录，也有利于PR的传递。
4、 集中主题，使该主题的关键词在搜索引擎中具有排名优势。
在内链建设中，应该遵循以下原则：1、控制文章内链数量：穿插于文章内的链接可以根据内容的多少控制在3-8个左右。2、链接对象的相关性要高。3、给重要的网页更多的关注：使重要的更有关键词价值的网页得到更好的排名。4、使用绝对路径。
第五部分：外部链接策略
在强调大型网站的内链建设的同时也不能太忽视了外链的建设。外链的建设虽然没有中小网站那么重要，但是也具有很高的价值。通常可以通过交换链接、制造链接诱饵、投放带链接的软文等方法来建设外链。
1、 来看交换链接应该要遵循哪些原则：
a、链接文字中包含关键词;b、尽量与相关性高的站点、频道交换链接;c、对方网站导出链接数量不能过多，过多的话没有太大的价值;d、避免与未被收录以及被搜索引擎惩罚的网站交换链接
2、 制造链接诱饵：制造链接诱饵是一件省力的工作，这使得对方网站主动的为我们添加链接。制造链接诱饵的技巧很多，但是可以用两个字来概括：创意。
3、 带链接的软文投放。指的是在商务推广或者为专门为了得到外链而进行的带链接的软文投放。
第六部分:网站地图策略
有很多大型网站不重视网站地图的建设，不少大型网站的网站地图只是敷衍了事，做一个摆设。其实网站对于大型网站是很重要的，大型网站海量的数据、复杂的网站导航结构、极快的更新频率使得搜索引擎并不能完全抓取所有的网页。这就是为什么有的大型网站拥有百万千万甚至上亿级的数据量，但是却只被搜索引擎收录了网站数据量的一半、三分之一甚至更少的一个重要原因。连收录都保证不了，怎么去做排名?
Html地图：
1、 为搜索引擎建立一个良好的导航结构。
2、 Html地图中可以分为横向和纵向导航，横向导航主要是频道、栏目、专题等链接，纵向导航主要是针对关键词。
3、 每个页面都有指向网站地图的链接。
Xml网站地图：主要针对Google、yahoo、live等搜索引擎。因为大型网站数据量太大，单个的sitemap会导致sitemap.xml文件太大，超过搜索引擎的容忍度。所以我们要将sitemap.xml拆分为数个，每个拆分后的sitemap.xml则保持在搜索引擎建议的范围内。
第七部分:搜索引擎友好写作策略
搜索引擎友好写作是创造海量数据对取得好的搜索引擎排名的很关键的一部分。而SEO人员不可能针对每个网页都提出SEO建议或者方案，所以对写作人员的培训尤为重要。如果所有写作人员都按照搜索引擎友好的原则去写作，则产生的效果是很恐怖的。
1、 对写作人员要进行反复培训：写作人员不是SEO，没有经验，不可能一遍就领悟SEO的写作技巧。所以要对写作人员进行反复的培训才能达到效果。
2、 创造内容先思考用户会去搜索什么，针对用户的搜索需求而写作。
3、 重视title、meta写作：例如Meta虽然在搜索引擎的权重已经很低，但是不好的meta写作例如堆积关键词、关键词与内容不相关等行为反而会产生负作用。而Title的权重较高，尽量在Title中融入关键词。
4、 内容与关键词的融合：在内容中要适当的融入关键词，使关键词出现在适当的位置，并保持适当的关键词密度。
5、 为关键词加入链接很重要：为相关关键词加入链接，或者为本网页出现的其他网页的关键词加入链接，可以很好的利用内链优势。
6、 为关键词使用语义化标签：
第八部分:日志分析与数据挖掘
日志分析与数据挖掘常常被我们所忽视，其实不管是大型网站还是中小网站，都是一件很有意义的工作。只是大型网站的日志分析和数据挖掘工作难度要更高一些，因为数据量实在太大，所以我们要具备足够的耐心来做该项工作，并且要有的放矢。
1、 网站日志分析：网站日志分析的的种类有很多，如访问来源、浏览器、客户端屏幕大小、入口、跳出率、PV等。跟SEO工作最相关的主要有以下三种：a、搜索引擎流量导入;b、搜索引擎关键词分析;c、用户搜索行为统计分析
2、 热点数据挖掘：我们可以通过自身的网站日志分析以及一些外在的工具和SEO自己对热点的把握能力来进行热点数据的挖掘。热点数据的挖掘主要有以下手段：a、把握行业热点，可以由编辑与SEO共同完成;b、预测潜在热点，对信息的敏感度要求较高，能够预测潜在的热门信息。c、自己创造热点，如炒作等;d、 为热点制作专题
第九部分:为关键词创作专题
除了最终页面，各种针对热门的关键词所制作的专题应该作为网站的第二大搜索引擎流量来源。我们在对热点数据进行挖掘后，就可以针对这些热门关键词制作专题了。制作的专题页的内容从何而来?我们一般通过程序实现对应关键词相关的信息进行筛选聚合，这样就使得内容与关键词高度匹配，为用户、为搜索引擎都提供了所需要的内容。
当然，仅仅建立一个专题而没有辅助手段是很难保证专题的搜索引擎排名的，我们可以通过文章内链、频道页推荐、或者最终页的专题推荐来获得链接达到效果。
1、为热点关键词制作专题
2、关键词相关信息的聚合
3、辅以文章内链导入链接
7、网站中有三个js文件大小超过100KB，超级影响加载速度，想问怎样优化？
1. 将你的JS文件进行压缩，百度一下，工具一把
2. 服务器端开启gzip压缩
3. 如果你是3个单独的JS，那么你可以合成1个文件，减少请求次数
4. 将你的<script>标签写在页面底部<body>标签结束之前
5. 检查你的js中是否存在特别耗时的逻辑，因为脚本加载时阻塞式的，它会加载完并执行完之后，才会加载其它资源，因此慢并不一定是文件大，也可能是文件执行花了很长时间
6. 如果还是觉得很慢，你可以使用动态加载，不要直接在页面中写<script>标签，而是动态创建一个<script>将该脚本引进来，这样的加载方式是非阻塞式的，不会影响其它资源加载。
7. 上面方法全用了，还是觉得很慢，那你应该检查你的服务器和网络情况，因为按理来说100多kb的脚本不至于慢到不可接受的地步。
8. 将页面中的资源分散到多个一级或二级域名，因为浏览器对同一个域名同时加载的资源数量是有限制的
9. 如果你还是觉得很慢，那就玩些高级玩意儿吧（如使用CDN加速等）
10. 上面方法都试过，还是不奏效？那我也没辙了，除非能现场分析。
8、如何通过优化JS代码来适合网站优化
一、 让代码简洁：一些简略的表达方式也会产生很好的优化
eg：x=x+1;在不影响功能的情况下可以简写为x++;
二、 变量名方法名尽量在不影响语意的情况下简单。（可以选择首字母命名）
eg：定义数组的长度可以取名为：ArrLen而不需要取为ArrayLength。
三、 关于JS的循环，循环是一种常用的流程控制。
JS提供了三种循环：for(;;)、while()、for(in)。在这三种循环中for(in)的效率最差，因为它需要查询Hash键，因此应尽量少用for(in)循环，for(;;)、while()循环的性能基本持平。当然，推荐使用for循环，如果循环变量递增或递减，不要单独对循环变量赋值，而应该使用嵌套的++或–运算符。
四、 如果需要遍历数组，应该先缓存数组长度，将数组长度放入局部变量中，避免多次查询数组长度。
因为我们常常要根据字符串、数组的长度进行循环，而通常这个长度是不变的，比如每次查询a.length，就要额外进行一个操作，而预先把var len=a.length，则就少了一次查询。
五、 尽量选用局部变量而不是全局变量。
局部变量的访问速度要比全局变量的访问速度更快，因为全局变量其实是window对象的成员，而局部变量是放在函数的栈里的。
六、 尽量少使用eval。
每次使用eval需要消耗大量时间，这时候使用JS所支持的闭包可以实现函数模板。
七、 减少对象查找
因为JavaScript的解释性，所以a.b.c.d.e，需要进行至少4次查询操作，先检查a再检查a中的b，再检查b中的c，如此往下。所以如果这样的表达式重复出现，只要可能，应该尽量少出现这样的表达式，可以利用局部变量，把它放入一个临时的地方进行查询。
八、 字符串连接。
如果是追加字符串，最好使用s+=anotherStr操作，而不是要使用s=s+anotherStr。
如果要连接多个字符串，应该少使用+=，如s+=a;s+=b;s+=c;应该写成s+=a + b + c；
而如果是收集字符串，比如多次对同一个字符串进行+=操作的话，最好使用一个缓存。怎么用呢？使用JavaScript数组来收集，最后使用join方法连接起来，如下
var buf = new Array();for(var i = 0; i < 100; i++){ buf.push(i.toString());}var all = buf.join("");
九、 类型转换
1. 把数字转换成字符串，应用"" + 1，虽然看起来比较丑一点，但事实上这个效率是最高的，性能上来说：("" +) > String() > .toString() > new String()
尽量使用编译时就能使用的内部操作要比运行时使用的用户操作要快。
String()属于内部函数，所以速度很快，而.toString()要查询原型中的函数，所以速度逊色一些，new String()用于返回一个精确的副本。
2. 浮点数转换成整型，这个更容易出错，很多人喜欢使用parseInt()，其实parseInt()是用于将字符串转换成数字，而不是浮点数和整型之间的转换，我们应该使用Math.floor()或者Math.round()。Math是内部对象，所以Math.floor()其实并没有多少查询方法和调用的时间，速度是最快的。
3. 对于自定义的对象，如果定义了toString()方法来进行类型转换的话，推荐显式调用toString()，因为内部的操作在尝试所有可能性之后，会尝试对象的toString()方法尝试能否转化为String，所以直接调用这个方法效率会更高
十、 尽量作用JSON格式来创建对象，而不是var obj=new Object()方法。
因为前者是直接复制，而后者需要调用构造器，因而前者的性能更好。
十一、 当需要使用数组时，也尽量使用JSON格式的语法，
使用JSON格式的语法即直接使用如下语法定义数组：[parrm,param,param...],而不是采用new Array(parrm,param,param...)这种语法。因为使用JSON格式的语法是引擎直接解释的。而后者则需要调用Array的构造器。
十二、 对字符串进行循环操作，例如替换、查找，就使用正则表达式。
因为JS的循环速度比较慢，而正则表达式的操作是用C写成的API，性能比较好。
十三、 插入HTML
很多人喜欢在JavaScript中使用document.write来给页面生成内容。事实上这样的效率较低，如果需要直接插入HTML，可以找一个容器元素，比如指定一个div或者span，并设置他们的innerHTML来将自己的HTML代码插入到页面中。
十四、 对象查询
使用[“”]查询要比.items()更快
十五、 定时器
如果针对的是不断运行的代码，不应该使用setTimeout，而应该是用setInterval。setTimeout每次要重新设置一个定时器。
十六、 尽量减少DOM调用
在Web开发中，JavaScript的一个很重要的作用就是对DOM进行操作。可是对DOM的操作是非常昂贵的，因为这会导致浏览器执行回流 （reflow）操作。我们应该尽可能的减少DOM操作。
9、js代码对seo优化有影响吗？
JS对于权重一般的网站来说影响是很大的。
因为JS对搜索引擎是不友好的，搜索引擎的蜘蛛是抓取不到JS里面的内容，除了JS，flash也是同样的。
建议JS生成的效果用div+css完全可以取代JS，如果非用不可，就将JS代码写在另一个文件中来调用。
交换友情链接的时候要小心，如果对方在你的友情链接html标签中加了no follow标签，那么他网站上的权重是传不过来的。