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標簽，那麼他網站上的權重是傳不過來的。