- web頁面性能優(yōu)化能夠提高頁面加載速度，提升用戶體驗度祠锣，基于三秒法則，每個網(wǎng)站都極力優(yōu)化頁面性能珍语。
- SEO(Search Engine Optimization)是一種提高網(wǎng)站流量的優(yōu)化手段锤岸。
一、web頁面性能優(yōu)化
1.html語義化
語義化是讓標簽做自己該做的事板乙，便于其他開發(fā)者閱讀以及使代碼規(guī)范是偷，優(yōu)雅整潔。比如div,span,h,ul,ol,dl,p等等這類的標簽的使用募逞。應該非常合理蛋铆，還有就是注意h標簽的斷層，及h1標簽的使用放接，這些都是非常重要的刺啦。
2.減少http請求
- 從設(shè)計實現(xiàn)層面簡化頁面，保持頁面簡潔纠脾、減少資源的使用時最直接的玛瘸。
- 合理設(shè)置緩存
- 資源合并與壓縮，盡可能的將外部的腳本苟蹈、樣式進行合并糊渊，多個合為一個。另外慧脱， CSS渺绒、 Javascript、Image 都可以用相應的工具進行壓縮菱鸥，壓縮后往往能省下不少空間宗兼。
- css精靈，合并 CSS圖片氮采，減少請求次數(shù)殷绍。
3.css，js文件數(shù)量及大小的優(yōu)化
- 減少重復代碼鹊漠，對代碼進行模塊化開發(fā)篡帕。
- 壓縮css殖侵，js文件，利用gulp镰烧、grunt等壓縮工具
4.減少cookie傳輸
- cookie包含在每次請求和響應中，太大的cookie會嚴重影響數(shù)據(jù)傳輸楞陷，因此哪些數(shù)據(jù)需要寫入cookie需要慎重考慮怔鳖，盡量減少cookie中傳輸?shù)臄?shù)據(jù)量。
- 對于某些靜態(tài)資源的訪問固蛾，如CSS结执、script等，發(fā)送cookie沒有意義艾凯，可以考慮靜態(tài)資源使用獨立域名訪問献幔，避免請求靜態(tài)資源時發(fā)送cookie，減少cookie傳輸次數(shù)趾诗。
5.將外部腳本置底
將腳本內(nèi)容在頁面信息內(nèi)容加載后再加載蜡感，外鏈腳本在加載時卻會阻塞其他資源，例如在腳本加載完成之前恃泪，它后面的圖片郑兴、樣式以及其他腳本都處于阻塞狀態(tài)，直到腳本加載完成后才會開始加載贝乎。如果將腳本放在比較靠前的位置情连，則會影響整個頁面的加載速度從而影響用戶體驗。解決這一問題最簡單可依賴的方法就是將腳本盡可能的往后挪览效，減少對并發(fā)下載的影響却舀。
6.將 CSS放在 HEAD中
如果將 CSS放在其他地方比如body中，則瀏覽器有可能還未下載和解析到 CSS就已經(jīng)開始渲染頁面了锤灿，這就導致頁面剛開始是無樣式的狀態(tài)挽拔，用戶體驗比較差。除此之外衡招，有些瀏覽器會在 CSS下載完成后才開始渲染頁面篱昔，如果 CSS放在靠下的位置則會導致瀏覽器將渲染時間推遲。
7.DOM
DOM操作應該是腳本中最耗性能的一類操作始腾，例如增加州刽、修改、刪除 DOM元素或者對 DOM集合進行操作浪箭。
8.避免使用 eval和 Function
每次 eval 或 Function 構(gòu)造函數(shù)作用于字符串表示的源代碼時穗椅，腳本引擎都需要將源代碼轉(zhuǎn)換成可執(zhí)行代碼。這是很消耗資源的操作 ( 通常比簡單的函數(shù)調(diào)用慢 100倍以上)奶栖。
9. 減少作用域鏈查找
盡量把變量設(shè)為局部變量匹表，因為全局變量處于作用域鏈的最頂端门坷，訪問時的查找次數(shù)是最多的。
二袍镀、SEO
- SEO是一種免費的提升網(wǎng)絡權(quán)重的手段默蚌。與之對應的是SEM苇羡，即一種付費的營銷手段绸吸，比如百度推廣。
- SEO排名機制设江，一靠搜索引擎蜘蛛（按分類抓冉踝隆），二靠權(quán)重叉存。
- SEO優(yōu)化最重要的三要素：標題码俩，關(guān)鍵字，描述
1.外鏈（友情鏈接）
外鏈是指網(wǎng)站與網(wǎng)站之間的鏈接向?qū)Ъ吣螅嵘龣?quán)重的方式之一稿存。利用互聯(lián)網(wǎng)是鏈接與鏈接實現(xiàn)的一條網(wǎng)絡這一特點，
鏈接權(quán)重高的大網(wǎng)站甫菠，可以讓搜索引擎在爬取大網(wǎng)站的時候挠铲，順著連接爬取到你的網(wǎng)站。
交換友情鏈接注意事項：
(1).和內(nèi)容相近的網(wǎng)站交換
(2).鏈接交換形式多樣（單向鏈接寂诱，雙項鏈接拂苹，單向直鏈....）
(3).灌水式外鏈
2.內(nèi)鏈（也稱之為站內(nèi)鏈接）
在同一網(wǎng)站域名下的內(nèi)容頁面之間的互相鏈接（自己網(wǎng)站的內(nèi)容鏈接到自己網(wǎng)站的內(nèi)部頁面）
3.內(nèi)容質(zhì)量
(1).更新，要不斷更新你的網(wǎng)站內(nèi)容痰洒。
(2).質(zhì)量瓢棒，網(wǎng)站內(nèi)容要高質(zhì)量。
(3).原創(chuàng)丘喻，堅持原創(chuàng)內(nèi)容脯宿。
(4).關(guān)鍵詞密度（2%~8%），一片文章中的關(guān)鍵字占比泉粉。
4.話術(shù)設(shè)置（簡短连霉，內(nèi)容豐富）
選擇比較有吸引力的標題。
5.關(guān)鍵詞的挖掘
(1).頭腦風暴
(2).利用搜索引擎相關(guān)搜索（百度指數(shù)）
(3).工具
(4).長尾關(guān)鍵詞
6.域名選擇
(1).后綴選擇（.com .net .org）
(2).短域名
(3).域名語義
(4).域名的使用歷史查詢（查詢網(wǎng)站不要有黑歷史）
7.服務器的選擇
(1).響應速度快（3s定律）
(2).穩(wěn)定
8.代碼優(yōu)化
1.代碼去冗余化（減少冗余嗡靡，精簡跺撼，模塊化）
2.自動化工具（grunt，gulp讨彼，webPack歉井，tinyPNG(壓縮圖片).....）
3.標簽語義化（p,h,a...）
9.HTTP狀態(tài)碼(合理利用狀態(tài)碼去優(yōu)化網(wǎng)頁)
200（2開頭表示網(wǎng)頁響應成功）
300（302，304重定向）
404（網(wǎng)頁不存在哈误，可在404頁面做公益活動或廣告）
500（5哩至，6開頭表示服務器端錯誤）
10.站群推廣
通過群體的方式去推廣網(wǎng)站躏嚎，提高網(wǎng)站流量。比如前進的淘寶客菩貌，通過發(fā)傭推廣的方式為淘寶網(wǎng)站帶來了一大批優(yōu)質(zhì)流量卢佣。
其他手段
- 提升客戶體驗，比如網(wǎng)頁界面要簡潔易用箭阶，網(wǎng)頁界面要美觀珠漂。
- 內(nèi)容多樣，可通過添加視頻和更新一些新奇的內(nèi)容尾膊。
- 代碼屬性優(yōu)化。
- 相關(guān)搜索引擎產(chǎn)品協(xié)助荞彼，利用百度文庫中放網(wǎng)站鏈接冈敛，或者更新一些高質(zhì)量的內(nèi)容，以便讓百度新聞抓取到鸣皂。
————愿你在迷茫時抓谴，堅信你的珍貴，愛你所愛寞缝，行你所行癌压，聽從你心，無問西東荆陆。
