从æˆ'开始知é" SEO è¿™å‡ å¹´èµ·ï¼ŒåŸºæœ¬ä¸Šæ‰€æœ‰çš„ SEO 活动都是基于前端的，从header 到 bodyï¼Œä»Žå°æ ‡ç­¾åˆ° CSS，从é"¾æŽ¥åˆ°å...³é"®è¯å¯†åº¦ï¼›åˆæœŸç‰›äººä»¬è¯Šæ-­ä¸€ä¸ªç½'ç«™ SEO çš„æ ‡å‡†ä¹Ÿæ˜¯ä»Žå‰ç«¯é¡µé¢ç€æ‰‹ï¼Œä¸è¿‡çš„ç¡®ä¹Ÿæ˜¯ï¼Œä»ŽæŽ'名ç®-æ³•å‰ç«¯çš„ä»£ç çš„ç¡®å äº†å¤§éƒ¨åˆ†çš„æ¯"例，但后端的服务器速度优åŒ-ï¼Œä¹Ÿå¼€å§‹æˆä¸ºä¸€ä¸ªè¶Šæ¥è¶Šé‡è¦çš„å› ç´ ï¼Œç‰¹åˆ«æ˜¯ 流言四起的 Google 将会把ç½'站速度作为ç®-法的一部分。

å½"然，服务器那种事不该是一个 SEOer æˆ-è€... SEMeråº"该去精通的东西，å...¶å®žåªè¦äº†è§£å¹¶æŽŒæ¡å...¶è§„律就可以了(推荐另å¤-一片æ-‡ç« ：大型ç½'站架构æ¼"变å'ŒçŸ¥è¯†ä½"ç³»)；但依然要熟悉ç½'站系统æˆ-è€... CMS çš„åŠ é€Ÿæ‰‹æ®µï¼Œæ­£å¦‚å›½å¹³åœ¨ã€Šæ€Žæ ·å½¢æˆä¸€å¥-非常ç§'学系统的SEOæ-¹æ³•ã€‹ä¸­åˆ†æžçš„

什么措æ-½èƒ½å½±å"ç½'é¡µåŠ è½½é€Ÿåº¦å'¢ï¼Ÿ ç½'络环境、服务器硬件、CMS本身都能影å"ç½'é¡µåŠ è½½é€Ÿåº¦ã€‚ä¼˜åŒ-å...¶ä¸­çš„任何一项，都能提升ç½'é¡µåŠ è½½é€Ÿåº¦ã€‚é‚£é©¬ä¸Šåˆå¯ä»¥å¾-出：ç½'络环境影å"SEO流量、服务器硬件影å"SEO流量、CMS本身的速度影å"SEO流量。

å½±å"é€Ÿåº¦çš„å› ç´ æœ‰å¾ˆå¤šï¼Œè¿™é‡Œåšä¸€ä¸ªæ±‡æ€»ï¼ˆä¸åŒ...括硬件）

本æ-‡å†...容参考Yahoo：Best Practices for Speeding Up Your Web Site å'Œ 高性能ç½'页开å'çš„14条军规

一、尽可能的减å°' HTTP 的请求数

这个第一条是æˆ'们大多数SEO所知é"的，æˆ'再做一个简单的描述：大多数的HTTP请求都是前端的，ç"¨æˆ·çš„大多数æ-¶é-´éƒ½è¢«ç"¨æ¥ä¸‹è½½å›¾ç‰‡ã€CSSæ ·å¼ 表、各种Scripts、Flash等等。å½"然æˆ-许将css，jsæ-‡ä»¶æ‹†åˆ†å¤šä¸ªæ˜¯å› 为cssç»"构，å...±ç"¨ç­‰æ-¹é¢çš„考è™'。阿里巴巴中æ-‡ç«™å½"æ-¶çš„做法是开å'æ-¶ä¾ 然分开开å'，然后在后台 对js，cssè¿›è¡Œåˆå¹¶ï¼Œè¿™æ ·å¯¹äºŽæµè§ˆå™¨æ¥è¯´ä¾ç„¶æ˜¯ä¸€ä¸ªè¯·æ±‚ï¼Œä½†æ˜¯å¼€å'æ-¶ä»ç„¶èƒ½è¿˜åŽŸæˆå¤šä¸ªï¼Œæ-¹ä¾¿ç®¡ç†å'Œé‡å¤å¼•ç"¨ã€‚yahooç"šè‡³å»ºè®®å°†é¦-页的csså'Œ js 直接写在页面æ-‡ä»¶é‡Œé¢ï¼Œè€Œä¸æ˜¯å¤-部引ç"¨ã€‚å› ä¸ºé¦-页的访é-®é‡å¤ªå¤§äº†ï¼Œè¿™ä¹ˆåšä¹Ÿå¯ä»¥å‡å°'两个请求数。而事实上国å†...的很多é-¨æˆ·éƒ½æ˜¯è¿™ä¹ˆåšçš„。

而css sprites是指只ç"¨å°†é¡µé¢ä¸Šçš„èƒŒæ™¯å›¾åˆå¹¶æˆä¸€å¼ ï¼Œç„¶åŽé€šè¿‡cssçš„background-position属性定义不过的值来å-ä»-的背景。淘宝å'Œé˜¿é‡Œå·´å·´ä¸­æ-‡ç«™ç›®å‰éƒ½æ˜¯è¿™æ ·åšçš„。有å...´è¶£çš„可以看下淘宝å'Œé˜¿é‡Œå·´å·´çš„背景图。

http://www.csssprites.com/ 这是个工å...·ç½'ç«™ï¼Œå®ƒå¯ä»¥è‡ªåŠ¨å°†ä½ ä¸Šä¼ çš„å›¾ç‰‡åˆå¹¶å¹¶ç»™å‡ºå¯¹åº"çš„background-positionåæ ‡ã€‚å¹¶å°†ç»"果以pngå'Œgifçš„æ ¼å¼è¾"出。

二、使ç"¨CDN（å†...容分å'ç½'络）Content Delivery Network

之前曾经é-®è¿‡å¼ 智勇å...¬å­å...³äºŽ CDN 是否对 SEO 有影å"ï¼Œåœ¨å¾è¯¢äº†æŠ€æœ¯è€æ€»çš„意见之后，这个影å"å...¶å®žå‡ 乎可以忽略的，反而是ç"¨æˆ·ç«¯çš„速度ä½"验提升了，对ç½'站的正å'作ç"¨æ›´å¤§ã€‚

CDN åŠ é€ŸçŽ°åœ¨å¾ˆæµè¡Œï¼Œå‡ ä¹Žç¨å¾®å¤§ä¸€ç‚¹çš„ç½'站都有ç"¨è¿™ä¸ªæœåŠ¡ï¼Œå°±æ˜¯å°†ç½'ç«™çš„é•œåƒæœåŠ¡å¤‡ä»½åˆ°å¤šä¸ªæœåŠ¡å™¨èŠ‚ç‚¹ï¼Œä»Žè€ŒåŠ é€Ÿè¯¥æœåŠ¡å™¨å'¨å›´çš„ç"¨æˆ·è®¿é-®ã€‚

更详细地å†...容大家可以参考百度百ç§'上对于CDN的解释

ä¸‰ã€æ·»åŠ Expire/Cache-Control 头

这个规则有两个东西：

• 对静态的组件：设置为永不过期；
• 对动态的组件：设置为一个合理的ç¼"存控制头来帮助有条件的相åº".

通过设置Expires header 来ç¼"存这些æ-‡ä»¶ã€‚Expireå...¶å®žå°±æ˜¯é€šè¿‡header报æ-‡æ¥æŒ‡å®šç‰¹å®šç±»åž‹çš„æ-‡ä»¶åœ¨è§ˆå™¨ä¸­çš„ç¼"å­˜æ-¶é-´ã€‚大多数的图片，flash在å'布后都是不需要经常修 æ"¹çš„，做了ç¼"å­˜ä»¥åŽè¿™æ ·æµè§ˆå™¨ä»¥åŽå°±ä¸éœ€è¦å†ä»ŽæœåŠ¡å™¨ä¸‹è½½è¿™äº›æ-‡ä»¶è€Œæ˜¯è€Œç›´æŽ¥ä»Žç¼"存中读å-ï¼Œè¿™æ ·å†æ¬¡è®¿é-®é¡µé¢çš„é€Ÿåº¦ä¼šå¤§å¤§åŠ å¿«ã€‚

一个å...¸åž‹çš„HTTP 1.1协议è¿"回的头信息：
HTTP/1.1 200 OK
Date: Fri, 30 Oct 1998 13:19:41 GMT
Server: Apache/1.3.3 (Unix)
Cache-Control: max-age=3600, must-revalidate
Expires: Fri, 30 Oct 1998 14:19:41 GMT
Last-Modified: Mon, 29 Jun 1998 02:28:12 GMT
ETag: "3e86-410-3596fbbc"
Content-Length: 1040
Content-Type: text/html

å...¶ä¸­é€šè¿‡æœåŠ¡å™¨ç«¯è„šæœ¬è®¾ç½®Cache-Controlå'ŒExpires可以完成。

如，在php中设置30天后过期：

<!-pHeader("Cache-Control: must-revalidate");$offset = 60 * 60 * 24 * 30;$ExpStr = "Expires: " . gmdate("D, d M Y H:i:s", time() + $offset) . " GMT";Header($ExpStr);->

<!-pHeader("Cache-Control: must-revalidate");$offset = 60 * 60 * 24 * 30;$ExpStr = "Expires: " . gmdate("D, d M Y H:i:s", time() + $offset) . " GMT";Header($ExpStr);->

在asp中设置绝对æ-¶é-´è¿‡æœŸï¼š

<% Response.ExpiresAbsolute=#May 31,2010 13:30:15 GMT# %>

也可以通过é...ç½®æœåŠ¡å™¨æœ¬èº«å®Œæˆï¼Œè¿™äº›å¶å°±ä¸æ˜¯å¾ˆæ¸...楚了，å'µå'µã€‚想了解跟多的朋友可以参考http://www.web-caching.com/

四、Gzip压缩

这个是目前åº"ç"¨æœ€å¤šçš„åŠ é€Ÿæ-¹å¼ä¹‹ä¸€ï¼Œä»£ç ä¹Ÿå¾ˆç®€å•ï¼Œgzip的压缩æ¯"例非常大，一般压缩率为85%，就是 说服务器端100K的页面可以压缩到25K左右再å'送到客户端。é›...虎开å'è€...特别强调， 所有的æ-‡æœ¬å†...容都åº"该被gzip压缩: html (php), js, css, xml, txt。

äº"、将cssæ"¾åœ¨é¡µé¢æœ€ä¸Šé¢

å...­ã€å°†scriptæ"¾åœ¨é¡µé¢æœ€ä¸‹é¢

七、避å...åœ¨CSS中使ç"¨Expressions

css表达是的执行次数是远远多于æˆ'们想象的，往往会严重地影å"æ€§èƒ½ã€‚而ä¸"，它只能在IEä¸­æ‰§è¡Œã€‚æ‰€ä»¥å› å°½é‡åœ°é¿å...å®ƒã€‚这一条以前å€'没想过，个人ç"¨ 这个就是在对ie使ç"¨max-widthå'Œmin-width属性的æ-¶å€™ã€‚大家知é"IE是不æ"¯æŒmax-widthå'Œmin-width属性的。有æ-¶å€™çš„ 页面（特别是自适åº"大小的页面）为了能在分辨率小到一定程度后还能显示要ç"¨åˆ°è¿™ä¸ªåŠŸèƒ½ï¼Œæ€Žä¹ˆåŠžã€‚å½"æ-¶æˆ'的做法就是利ç"¨expressions:

å...«ã€å¤-ç½®javascriptå'Œcssæ-‡ä»¶

这个地球人都知é"

九、减å°'DNS查询

在 Internet上域名与IP地址之é-´æ˜¯ä¸€ä¸€å¯¹åº"的，域名（SEMWatch.org）很好记，但计ç®-机不认识，计ç®-机之é-´çš„"相认"还要转成ip地址。 在ç½'络 上每台计ç®-机都对åº"有一个独立的ip地址。在域名å'Œip地址之é-´çš„转换工作称为域名解析，也称DNS查询。一次DNS的解析过程会消è€-20-120毫ç§'çš„ æ-¶é-´,在dns查询ç»"束之前，浏览器不会下载该域名下的任何东西。所以减å°'dns查询的æ-¶é-´å¯ä»¥åŠ å¿«é¡µé¢çš„åŠ è½½é€Ÿåº¦ã€‚yahoo的建议一个页面所åŒ...含的域 名数尽量控制在2-4个。这就需要对页面整ä½"有一个很好的规åˆ'。

十、压缩 JavaScript å'Œ CSS

压缩jså'Œcss的左右很显然，减å°'页面å­-èŠ‚æ•°ã€‚å®¹é‡å°é¡µé¢åŠ è½½é€Ÿåº¦è‡ªç„¶ä¹Ÿå°±å¿«ã€‚è€Œä¸"压缩除了减å°'ä½"积以å¤-还可以起到一定的保护左右。

å½"ç„¶ï¼ŒåŽ‹ç¼©å¸¦æ¥çš„ä¸€ä¸ªå¼Šç«¯å°±æ˜¯ä»£ç çš„å¯è¯»æ€§æ²¡äº†ã€‚ç›¸ä¿¡å¾ˆå¤šåšå‰ç«¯çš„æœ‹å‹éƒ½é‡åˆ°è¿‡è¿™ä¸ªé-®é¢˜ï¼šçœ‹Google的效果很é...·ï¼Œå¯æ˜¯åŽ»çœ‹ä»-çš„æºä»£ç å´æ˜¯ä¸€å¤§å † 挤在一起的å­-符，连函数名都是替换过的，æ±-æ­»ï¼è‡ªå·±çš„ä»£ç ä¹Ÿè¿™æ ·å²‚ä¸æ˜¯å¯¹ç»´æŠ¤éžå¸¸ä¸æ-¹ä¾¿ã€‚

十一、é›...虎开å'è€...å'Šè¯‰æˆ'们要避å...é‡å®šå'

301，302重定å'是普通 SEO 里最常见的，特别是301，对权重的转移å'Œä¿ç•™éžå¸¸æœ‰å¸®åŠ©ï¼Œé™¤éžè¿«ä¸å¾-以，尽量å°'ç"¨é‡å®šå'。

十二、移除重复的脚本

这点æˆ'想不说也知é"，不ä»...是从性能上考è™'ï¼Œä»£ç è§„èŒƒä¸Šçœ‹ä¹Ÿæ˜¯è¿™æ ·ã€‚ä½†æ˜¯ä¸å¾-不承认，很多æ-¶å€™æˆ'ä»¬ä¼šå› ä¸ºå›¾ä¸€æ-¶ä¹‹å¿«è€ŒåŠ 上一些æˆ-è®¸æ˜¯é‡å¤çš„ä»£ç 

十三、é...ç½®å®žä½"æ ‡ç­¾ï¼ˆConfigure ETags）

这点æˆ'也不懂，å'µå'µã€‚在inforQ上找到一篇解释å¾-æ¯"较详细的说明《使ç"¨ETags减å°'Webåº"ç"¨å¸¦å®½å'Œè´Ÿè½½ã€‹ï¼Œæœ‰å...´è¶£çš„同学可以去看看。

十四、使 AJAX ç¼"å­˜ (Make Ajax Cacheable )

记住，即使AJAX是动态产ç"Ÿçš„而ä¸"只对一个ç"¨æˆ·èµ·ä½œç"¨ï¼Œä»-们依然可以被ç¼"å­˜

Even though your Ajax responses are created dynamically, and might only be applicable to a single user, they can still be cached. Doing so will make your Web 2.0 apps faster.

十äº"、Flush the Buffer Early

十å...­ã€Use GET for AJAX Requests

十七、Post-load Components

十å...«ã€Preload Components

十九、Reduce the Number of DOM Elements

二十、Split Components Across Domains

二十一、Minimize the Number of iframes

框架最好都不要ç"¨ã€‚

二十二、No 404s

这个å'ŒSEO的相å...³æ¡æ¬¾ä¸ä¸€è‡´ï¼Œå¯ä»¥å¿½è§†å"ˆã€‚

二十三、Reduce Cookie Size

尽可能的吧，cookies跟踪好了，有可能æ¯"速度更重要

二十四、Use Cookie-free Domains for Components

二十äº"、Minimize DOM Access

二十å...­ã€Develop Smart Event Handlers

二十七、Choose <link> over @import

二十å...«ã€Avoid Filters

二十九、Optimize Images

三十、Optimize CSS Sprites

三十一、Don't Scale Images in HTML

三十二、Make favicon.ico Small and Cacheable

三十三、Keep Components under 25K

三十四、Pack Components into a Multipart Document

三十äº"、Avoid Empty Image src

避å...ç©ºçš„图片地址é"¾æŽ¥

1. straight HTML
   

   <img src="">

2. JavaScript
   

   var img = new Image();
   img.src = "";

è¿™ä¸¤ç§å½¢å¼éƒ½ä¼šå¯¼è‡´åŒæ ·çš„æ•ˆæžœï¼šæµè§ˆå™¨ä¼šå'服务器进行额å¤-请求

三十å...­ã€æ²¡äº†

å"Žå"Ÿï¼Œå¤ªå¤šäº†