上海博客站群破解版 前端搜索引擎优化

强调网页中的重要内容应使用标签并避免使用标签（对搜索引擎不友好）。重量仅次于。仅当显示的效果更改为。
标签应使用ALT解释
andTAG
提示
将重要的HTML代码放在前面，ad的不重要部分放在整个文档的末尾，然后使用CSS样式控制ad div的浮动。
重要内容不使用JS输出。
尽可能少地使用框架iframe。
您应该使用属性而不是代码来表示您不需要的元素'不希望暂时显示z-index显示：无;，因为蜘蛛过滤器显示无属性的内容。
尽量简化代码。
外部链接：rel="nofollow"避免蜘蛛和can't返回。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
1. 请减少HTTP请求
基本原则：
当浏览器（客户端）和服务器通信时，它消耗了很多时间，特别是当网络情况更糟时，这个问题尤其突出。
正常HTTP请求的过程：如果输入"Www.xxxxxx.com"在浏览器中按ENTER键，然后浏览器连接到URL指向的服务器，然后浏览器可以将请求信息发送到服务器，服务器接收请求的信息，然后返回相应的信息。浏览器收到来自服务器的响应后，将对数据进行解释以执行。
当我们请求网页文件有很多图片时，CS，JS甚至music等信息，经常会与服务器建立连接并发布连接，这必然会造成资源浪费，每个HTTP请求都会对服务器和浏览器造成性能负担。
以相同的速度，下载100KB图像比下载两张50KB图片要快。因此，请减少HTTP请求。
解决方法：
合并图像（CSS-sprites），合并CSS和JS文件，并使用lazyload和其他技术来优化图像。
2. 请正确理解重新打印和回流。
注意：重新打印和回流是重新绘制和重新排列的，请让我展示我对一些英语的有限知识单词。囧
基本原理：
当更改元素的外观但不更改布局（宽高度）（例如更改可见性，轮廓，背景颜色等）时，会发生重新打印（重绘）。
Reflow（Reflow）是DOM更改影响元素的几何形状（和高度），浏览器将重新计算元素的几何形状，将使渲染树的受影响部分无效，浏览器将验证所有其他节点在DOM树可见性属性上，这也是回流效率低的原因。例如：更改窗口的大小，更改文本的大小，内容更改，浏览r窗口更改，样式属性更改等。如果回流太频繁，则CPU的使用量将在味噌中增加，因此前端必须了解重新打印和回流的知识。
降低性能影响的方法：
上面提到的是，通过设置样式属性来更改节点样式，每个设置都会导致回流，所以最好设置类模式，动画元素，其位置属性应该设置为固定或**，这不会影响其他元素的布局，如果功能要求无法将位置设置为固定或**，则称重速度的平滑度。
简而言之，由于回流有时是不可避免的，因此只能限制回流的程度和影响。
3. 减少对DOM
基本原理的操纵：
DOM操作的成本很高，这通常是Web应用程序中的性能瓶颈。
出生缓慢。在高性能JavaScript中，类比："将Dom视为一个岛，将JavaScript（ECMAScript）视为另一个岛，通过收费桥连接。"因此每次访问Dom都会教授桥梁费，访问的次数越多，你支付的钱就越多。因此，通常建议尽量减少桥梁的数量。
解决方法：
修改和访问DOM元素将导致页面的重新打印和回流，并且在DOM操作上循环更多是一种邪恶的行为。因此，合理地使用JavaScript变量来存储内容，考虑大量DOM元素中循环的性能开销，并在loo结束时写入一次p、 
减少对DOM元素的查询和修改，这些元素可以在查询时分配给本地变量。
注意：在IE中：悬停会减慢响应速度。
4. 使用JSON格式进行数据交换
基本原理：
JSON是一种轻量级的数据交换格式，非常适合以完全独立于语言的文本格式进行数据交换。同时，JSON是一种本机JavaScript格式，这意味着使用JavaScript中的JSON数据不需要任何特殊的API或工具包。
与XML序列化相比，JSON序列化通常导致比XML序列化更小的数据量，因此JSON被用作在Facebook等知名网站中交换数据的一种方式。
JS操作JSON:
在JSON中，有两种结构：对象和数组。
1. 一个对象以"{"以"}"开头;。每个"名称"后面跟着"："和"，"（逗号），用名称/值对分隔。名称用引号括起来，如果值是字符串，则必须用引号括起来，不需要数字类型。例如：
var-obj={"name"："Darren"，"age"：$，"location"："Beijing"}
2. 数组是值（值）的有序**。数组以"["开始，"]"]结尾;。使用"，"（逗号）分隔值。例如：
var-jsonlist=[{"name"："Darren"，"age"：+，"location"："Beijing"}，{"name"："Weidong.nie"，"年龄"：$，"位置"："湖南"}];
操作员在这个数组和对象字面上是非常方便和有效的。如果您事先知道JSON结构，那么使用JSON进行数据传递非常好，并且您可以编写非常有用，美观的代码。如果你是一个纯粹的桌面开发者，你会非常喜欢json。
5. 有效使用HTML标签和CSS样式
基本原则：
HTML是一种语言用于描述网页，它使用标签标签来描述网页，作为合格的前端开发，您需要知道其常见标签代表含义（SEO）和属性（表示）。
CSS是指级联样式表（Cascadingstylesheets），如果您将页面视为一个人，则HTML是一个人骨架，CSS是一个人's衣服，一个人'他衣服的味道可以一目了然。
专业的前端开发也是一个很好的重构，因为在页面中经常存在各种不合理的CSS样式嵌套和重复定义，我不希望你重构页面，但我希望你遇到这种情况当你解决这些问题时。像这样的HTML:
Table title
Sales
33665.25
2
21215.99

<;tr>
<;td><;;tr><;;table>
或类似CSS的内容：
身体。盒子。Border ul Li P强跨度{color：#000}
所有这些都是使用HTML和CSS的非常糟糕的方法。
正确理解：
HTML是一种标记语言，在使用合理的HTML标签（如流元素，元数据元素，短语元素）之前，您必须了解其属性。基础是要知道t他阻止级元素和内联元素，box model，SEO knowledge。
CSS用于渲染页面，并且存在渲染效率的问题。CSS选择器从右到左匹配，其中CSS选择器按从小到大的开销顺序排序：
ID选择器#框
类选择器。Box
Tag Div
Pseudo class and Pseudo element a:hover
当触发页面导致回流（回流）时，低效的选择器仍然会导致更高的开销，从而避免效率低下。
6. 使用CDN加速度（内容分发网络）
基本原理：
CDN的全名是内容传输网络，即内容分发网络。
其基本思想是避免互联网上可能影响数据传输速度和稳定性的瓶颈和链路，使内容传输更快，更稳定。通过将节点服务器放置在网络中，一层基于现有互联网的智能虚拟网络，CDN系统可以根据网络流量和每个节点的连接将用户's请求重定向到最近的服务节点。，负载条件以及用户的距离和响应时间。"-百度百科全书。
上面几句话-有多少人可以稳定下来阅读，所以我仍然讲故事再次介绍，顺便说一句，故事来源不清楚，^ ^：
 
古代战争每个人都必须知道，因为古代交通没有发展，所以当外国进攻往往不能及时反击时，那么当这些入侵者已经错过痕迹时，士兵送往边境后的法庭征税，这让古代皇帝非常沮丧。后来，皇帝们学会了b聪明的是，他们将是边境前的大量部队，因此他们通常是战争士兵，这种策略发挥了重要作用。
缺陷：
CDN's致命缺陷的实时性不是很好。随着对CDN需求的增加，此缺陷将得到改善，以便远程服务器的Web内容页面与**服务器或缓存中的网页保持同步。解决方法是在网络内容发生变化时将新的网络内容直接从服务器端传输到缓存，或者在访问网络内容时尽可能实时地将数据源服务器的网络内容**到缓存服务器。
7. 将CSS和JS放入外部文件参考，CSS头，JS放尾巴
基本原则：
注意：这是一个非常基本的，必须遵循知识点，但是为了增加文章的完整性，嗨。
引入外部文件的好处是显而易见的，当项目稍微复杂一些时，有必要这样做。
易于维护，易于扩展，易于管理和重用。
正确的方法：
JavaScript是浏览器中的领导者，为什么要这样说，因为在执行JavaScript代码的浏览器中，不能做其他事情，即