標籤：
一、為什麼要網站最佳化1.1、大型網站的特點YSlow外掛程式，是yahoo是運行在FireFox瀏覽器上面的，同時要有FireBug才可以運行
三、網頁內容最佳化3.1、減少HTTP請求301代碼、302代碼。預設不緩衝，須增加Expires或者Cache-Control來指定緩衝
開時時注意不要忽略URL本該有的斜杠(/);
3.4、可快取的AJAX設定在用戶端緩衝
3.5、減少DOM元素數量DOM元素過多，會使遍曆DOM的效率慢。
不用移除內容，而是替換，精簡元素標籤
減少DIV元素的嵌套
3.6、盡量避免使用iframe優點：
缺點：
錯誤的載入會破壞並行載入
瀏覽器會把試圖在返回的404響應內容中找到可能有用的部分當作javascript代碼來執行
四、圖片最佳化4.1、使用工具最佳化圖片檢查你的GIF圖片當中映像顏色的數量是否和調色盤規格一致，如只使用到了4種顏色，而調色盤中有256中規格，說明還有最佳化的空間
嘗試把GIF格式轉換成PNG格式，看看是否有節省空間的
在所有有PNG圖片上運行pngcruch或者其它的PNG最佳化工具
在所有JPEG圖片上運行jpegtran，可以對圖片中出現的鋸齒等無損進行操作，同時它還可以最佳化和清除圖當中的注釋以及其它的無用資訊
最後，把所有的圖片紡一的jpg或者是gif或者png格式，行適當的轉，可以達到很好最佳化效果，
盡量避免使用bmp格式，對使用者上傳的格式進行一個格式轉換可以達到很好的壓縮效果
Jpegtran
JPEG的壓縮公用程式有jpegtran和jpegoptim，這兩款工具的壓縮效果幾乎沒有區別，在這裡我們推薦使用jpegtran，相比後者，jpegtran可以進行progressive編碼，使圖片漸進式的展現，先顯示模糊的圖片，再逐步清晰。
推薦命令列參數：
jpegtran –copy none –optimize -progressive -outfile out.jpg in.jpg
想知道這些參數的具體作用，可使用命令“jpegtran –h”瞭解，
4.2、使用合理的圖片尺寸不要使用一個比實際需要大得多的圖片，不要在網頁中縮放圖片
4.3、favicon.ico要小而且要可緩衝favicon.ico位為網店的根目錄
favicon.ico檔案不要缺少，而檔案要盡量小，可以緩衝
4.4、使用css Sprites最佳化頁面小圖片CSS Sprites技術中，水平柏拉圖片會比垂直排列效果更好
顏色相近的圖片組合在一起,可以降低顏色數
合理的應用CSS Sprites技術，不要在Spirite的映像中間留有較大空隙
五、最佳化CSS和JavaScript5.1、把樣式表置於頂部開發階段將樣式和代碼分離，開發完畢後再將樣式放在頁面的<head>頭部中
5.2、使用<link>代替@import<link type="text/css"" rel="stylesheet" href="style.css" />
用<link>代替@import來實現外部樣式表的匯入
5.3、避免使用濾鏡避免使用濾鏡，使用PNG格式的圖片來代替，主流瀏覽器一般都支援這種格式，必要時使用CSS Hack來處理IE6瀏覽器下的效果
5.4、精簡CSS和JavaScript精簡工具:
JSMin:javascript
YUI Compressor: javascript也可以用來精簡CSS
<script>和<style>代碼塊也可以並且應該進行消減
精簡代碼，採用縮寫
5.5、把JavaScript放在HTML的底部把指令碼放在HTML頁面底部
(document.write()輸出語句例外)
六、最佳化Cookie6.1、縮小Cookies大小應該以圖片等頁面元素使用沒有Cookie的網域名稱
七、伺服器端最佳化7.1、使用內容分髮網絡Content Delivery Network簡稱為CDN
使用CDN(內容分髮網絡)，但成本高
7.2、為檔案頭指定Expires或者Cache-Control靜態內容設定：Expires的值為"Never expire"(永不到期)
動態內容設定：Cache-Control設定合適的值如"no-cache"
Expires檔案頭經常用於影像檔，但是應該在所有的內容當中使用，包括指令碼、樣式表和Flash等
7.3、使用Gzip壓縮檔內容開啟應用伺服器端的Gzip壓縮設定
在Tomcat中啟用Gzip壓縮：
修改%TOMCAT_HOME%/conf/server.xml，修訂節點如下：
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" compression="on" compressionMinSize="2048" noCompressionUserAgents="gozilla,traviata" <!--下面可以設定要壓縮的類型有哪些--> compressableMimeType="text/html,text/xml,text/javascript,application/x-javascript,application/javascript,text/css,text/plain"/>
從上面節點的屬性可以看出，要使用gzip壓縮功能，你需要在Connector節點中加上如下屬性compression="on" 開啟壓縮功能 compressionMinSize="50" 啟用壓縮的輸出內容大小，預設為2KB noCompressionUserAgents="gozilla, traviata" 對於以下的瀏覽器，不啟用壓縮 compressableMimeType="text/html,text/xml,text/javascript,text/css,text/plain" 哪些資源類型需要壓縮7.4、使用GET來完成AJAX請求
擷取資料時建議使用GET,相反，發送並在服務端儲存資料時才使用POST
IE中URL最大長度為2K,如果擷取的資料大於2K，就不能使用GET，
八、開發角度看最佳化動態網頁面的弊端：
實施靜態化的原因：
目前絕大多數網站都是採用：模板技術 來對網站靜態化
9.1、網站靜態化的好處效率方面：
安全方面：
對網站必要的部分實行靜態化操作,同一個網站下的不同網頁，風格一般都要保持一致，不同的只是內容，
讓靜態化的時候能夠重用頁面的整體架構，風格等這些就是模板
9.3、JAVA中靜態化操作Velocity或者FreeMarker等模板架構來實現。
它允許任何人僅簡單的使用範本語言，來引用由JAVA代碼定義的對象。
當Velocity應用於web開發時，介面設計人員可以和java程式開發人員，同步開發一個遵循MVC架構的WEB網站，也就是說，頁面設計人員可以只關注頁面的顯示效果，而java程式開發人員只關注商務邏輯編碼的實現。
Velocity將java代碼從web頁面中分離出來，為web網站的長期維護提供了便利
十、初識MVCMVC:mode view controller
十一、最佳化資料庫查詢11.1、在查詢頻繁的列上添加合適的索引在where子句中盡量少使用IN 或者NOT IN
可以使用EXIST 或者NOT EXIST來代替IN或者NOT IN
11.3、盡量少用萬用字元*查詢語句寫上欄位名，盡量不使用*如：select top 50 col1 from table1
11.4、盡量少用LIKE使用LIKE會導致建立的索引效，降低查詢效率
十二、效能監測12.1、為什麼需要監測網站的效能網站的效能是隨著瀏覽量以及硬體設施的不同而發生變化的，網站在運營前或者運營期間有必要對網站整體效能進行監測
12.2、監測階段使用LoadRunner等專業的負載測試工具優點：
簡單網站最佳化
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
