前端優化--相對路徑Or絕對路徑
在談論 相對路徑 和 絕對路徑誰優誰劣之前，我想問大家一個問題?
請問: PHP 是世界上最好的語言嗎？
恩，各位心里應該有個答案啦~
是個屁呀~ js 才是最好的語言~23333
開玩笑的~ 本寶寶是一個前端，要是說PHP 好, 那我現在就不寫js了。
其實, 在網頁里使用相對路徑或是絕對路徑，兩者是需要有context的， 就像 php 能用來寫前端嗎？ 但我們js 就可以寫后臺~ 23333 這也算是一個差異吧.
在正式撕逼之前，我想給大家兩個demo看看
-
First. Google的搜索頁-->
大家有興趣，可以自己打開google search 一遍。 看看，他搜索結果里面是絕對還是相對
的》。《
-
Second. 某寶頁面
這里面的Button 沒有一個是絕對路徑的。
ok~ 上面兩個demo也大致說了下 絕對路徑和相對路徑應用的場景。 接下來，我們來看看具體兩者的 優勢各在什么地方.
Relative Or Absolute urls?
這又是一個 能夠撕逼 幾十個分頁的 problem.
不過，本寶寶不撕逼。 我們安安靜靜的坐下來，談談吧~
為什么 相對路徑 better than 絕對路徑?
首先，我們需要了解相對路徑和絕對路徑的對等關系.
給大家一個表格，好好感受一下吧。
這里的相對路徑，相對于http://www.example.com
| 絕對路徑 | 相對路徑 |
|---|---|
| http://www.example.com | //www.example.com |
| http://www.example.com/path/index.html | /index.html |
| http://www.example.com/path#a=123 | /path#a=123 |
| http://www.example.com/path?q=100 | /path?q=100 |
上面是相對于絕對路徑。現在，假設我們現在的路徑在http://www.example.com/path
我們接著討論
| 絕對路徑 | 相對路徑 |
|---|---|
| http://www.example.com | //www.example.com |
| http://www.example.com/index/index.html | ../index/index.html |
| http://www.example.com/index#a=123 | ../index#a=123 |
| http://www.example.com/index?q=100 | ../index?q=100 |
ok~ 現在我們基本上，能夠容易的將interval links 寫成相對urls， 但這樣寫有什么用呢？
-
節省字段, 相比http://...blablablabla的 直接使用相對路徑可以節省幾個B的大小啊喂.
-
開發上線無縫對接. 如果使用http://localhost 的話。上線的時候，我就呵呵了~
-
懶
為什么 絕對路徑 better than 相對路徑?
絕對路徑的好處就是相對路徑的缺陷. 絕對路徑 是 最直觀的網頁打開連接。 我只要復制到搜索欄里，然后entry 就over了。這應該算是絕對路徑最直觀的感受了.那絕對路徑有什么優點啊喂?
-
SEO 優化~ 這是Ruth 強烈建議的。(Ps: 她是在google做Senior SEO Manager，所以你懂的)。通常你的網頁需要被爬蟲識別，然后根據你網頁的引用次數以及能容更新的程度來決定你的排名.
通 常，crawl 對一個網頁爬取是有限度的，因為爬蟲就是一臺服務器，它不可能花費很多資源,很多時間來處理你的網頁，即,他的爬取深度是有限制的. 所以,如果你使用relative urls的話，造成的結果就是額外增加爬蟲的處理量,而absolute urls 則能減少爬取成本 . 換句話說能夠增加你的排名. -
網頁防盜: 一些高質量論壇網站是最吸引 scrapers的. 如果你使用的全是rel urls, 那么你的整套網頁很可能輕而易舉就被套現了。 而,如果你增加一些abs urls, 那么 那些scrapers 抓取成本將會成指數增長(因為，他們還需要找到絕對路徑并且更改). 如果你的頁面全是relative urls的話, 估計那些scrapers 會崩潰的。
Which one could I use?
很簡單， 就和開頭的demo 一樣. 淘寶和google就是兩個非常典型的業務場景，絕對urls和相對urls 怎么使用，完全是看context的。不過在一般業務場景中使用 相對urls 是完全沒問題的，當然，你想使用絕對urls這也是贊成的(我感覺，我在說廢話).