一：減少HTTP請求

1：把多張圖片處理成一張圖片以減少HTTP請求

background-image:url('a.gif');

background-position:-260px -90px;

width:20px;height:20px;

可以通過如上CSS代碼顯示一張大圖片中的某個位置

2：合并腳本和樣式表

一個頁面應該使用不多于一個的腳本和樣式文件

但是用什么樣的辦法才能使一個大型網站達到這個要求

我的想法：前端開發人員可以盡可能的按自己的架構和思路開發JS和CSS文件

最后發布代碼的時候通過工具把這些文件進行合并(目前暫時沒有發現類似的工具，不過開發一個不難)

二：為靜態文件建立不同的域

把圖片、腳本、FLASH、CSS等靜態的內容放到單獨的域當中去

如果有資金充足可以建立多個服務器分別存儲圖片腳本等靜態文件

如果資金欠缺可以僅把這些靜態文件放到不同的域當中去

之所以這樣做就是為了讓我們的網站有并行響應一些客戶端請求的能力

注意：如果是建立多個不同的服務器或者選虛擬主機提供商，如果能讓及其離客戶近一些最好了

三：處理HTTP頭中的狀態碼

1：Expires頭

如：Expires:2010-12-30 0:00:00

標志著組件(js，圖片等)在這個時間之前，保存在客戶端的版本是有效的

2：Cache-Control頭

如：Cache-Control:max-age=315360000

秒為單位，標志著組件在這個時間段之后過期

以上兩種頭可以同時使用，

第二中是HTTP1.1中引入的

如下是在IIS下給指定目錄添加HTTP頭的方法

在IIS中選中某個網站下的一個目錄，點屬性，HTTP頭，添加即可。

四：啟用Gzip壓縮

Gzip壓縮的應該針對的是HTML文檔，JS腳本文件，或CSS樣式表文件

不應使用Gzip壓縮圖片和FLASH，因為這些文件本就是被壓縮過的.

(在IIS上啟用Gzip壓縮比較麻煩，以后有機會應開發一個工具。)

Gzip壓縮耗費了CPU的執行時間而減少了網絡傳輸流量，有得必有失。但在這里90%的情況得大于失，而且效果顯著

給IIS啟用GZIP的方法：

需要在硬盤上建一個目錄，并給它“IUSR_機器名”這個用戶的寫權限。如果壓縮動態文件(PHP，asp，aspx)就不需要了，因為它的頁面是每次都動態生成的，壓縮完就放棄。然后在IIS管理器中，“網站”上面右鍵－屬性，不是下面的某個站點，而是整個網站。進入“服務”標簽，選上啟用動態內容壓縮，靜態內容壓縮。然后選中網站下面那個服務器擴展，新建一個服務器擴展。名字無所謂，下面的添加文件的路徑是：c:windowssystem32inetsrvgzip.dll，然后啟用這個擴展。在c:windowssystem32inetsrv下面有個MetaBase.xml文件，可以用記事本打開，找到IIsCompressionScheme，有三個相同名字的段，分別是deflate,gzip,Parameters，第三段不用管它，前兩段有基本相同的參數，在這兩段的參數HcScriptFileExtensions下面都加上一行shtml，如果你有其它的動態程序要壓縮，也加在這里。HcDynamicCompressionLevel改成9，(0－10，9是性價比最高的一個)。

五：將樣式表放在頂部

如果把CSS文件放到HTML的尾部

當HTML內容全部加載完后才下載CSS文件

瀏覽器在加載完CSS之前是不會呈現任何內容的(因為它現在還不知道如何呈現)

應該在Html文檔的head標簽中使用來引用CSS文件

不應該使用@import在CSS文檔內部引用其他的CSS文件，這樣做不利于調試

未完待續...

總結

以上是生活随笔為你收集整理的能直接挂在iis的动静态网站_网站优化思路总结之前端的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。