網站最佳化小記

標籤：com   .com   scom   env   gif   ie6   檔案類型   css   特定   

　   對車速遞網站進行最佳化，提升訪問速度。

　　1、nginx和Apache開啟Gzip壓縮

　　nginx：

 1 vim /usr/local/nginx/conf/nginx.conf 2  3 gzip on;#開啟Gzip 4 gzip_min_length 1k;#不壓縮臨界值，大於1K的才壓縮，一般不用改 5 gzip_buffers 4 16k;#buffer，就是，嗯，算了不解釋了，不用改 6 #gzip_http_version 1.0;#用了反向 Proxy的話，末端通訊是HTTP/1.0，有需求的應該也不用看我這科普文了；有這句的話注釋了就行了，預設是HTTP/1.1 7 gzip_comp_level 2;#壓縮層級，1-10，數字越大壓縮的越好，時間也越長，看心情隨便改吧 8 gzip_types text/plain application/x-javascript text/css application/xml #進行壓縮的檔案類型，缺啥補啥就行了，JavaScript有兩種寫法，最好都寫上吧，總有人抱怨js檔案沒有壓縮，其實多寫一種格式就行了text/javascript application/x-httpd-php image/jpeg image/gif image/png; #跟Squid等快取服務有關，on的話會在Header裡增加"Vary: Accept-Encoding"， 9 gzip_vary off;#我不需要這玩意，自己對照情況看著辦吧10 gzip_disable "MSIE [1-6]\.";#IE6對Gzip不怎麼友好，不給它Gzip了11 12 :wq儲存退出，重新載入Nginx13 /usr/local/nginx/sbin/nginx -s reload

View Code

　　Apache：

 1 1、修改Apache的http.conf檔案，去除mod_deflate.so前面的注釋 2     LoadModule deflate_module modules/mod_deflate.so 3  4 2、在根目錄中建立.htaccess檔案，定製壓縮規則 5     #GZIP壓縮模組配置 6     <ifmodule mod_deflate.c> 7     #啟用對特定MIME類型內容的壓縮 8     SetOutputFilter DEFLATE 9     SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png|exe|t?gz|zip|bz2|sit|rar|pdf|mov|avi|mp3|mp4|rm)$ no-gzip dont-vary #設定不對壓縮的檔案10     AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-httpd-php application/x-javascript #設定對壓縮的檔案11     </ifmodule>12 13 3、對指定的檔案配置緩衝的存留時間，去除mod_headers.so模組前面的注釋14     LoadModule headers_module modules/mod_headers.so15 16 4、在根目錄中建立.htaccess檔案，定製壓縮規則17     #檔案快取時間配置18     <FilesMatch ".(flv|gif|jpg|jpeg|png|ico|swf|js|css)$">19     Header set Cache-Control "max-age=2592000"20     </FilesMatch>

View Code

　　　

　　2、輪播等圖片使用小於50KB（手機站）

　　3、將樣式放在頭部

　　4、將指令碼放在底部

　　5、使用ajax緩衝

　　　　使用非同步ajax請求資料，少使用後台請求直接渲染頁面或者form表單提交資料。

　　　　①後台請求完了才渲染，渲染前一直出於等於狀態。

　　　　②當提交表單時就向Web伺服器發送一個請求。伺服器接收並處理傳來的表單，然後送回一個新的網頁，但這個做法浪費了許多頻寬，因為在前後兩個頁面中的大部分HTML碼往往是相同的。而ajax伺服器和瀏覽器之間交換的資料大量減少（大約只有原來的5%）[來源請求],伺服器回應更快了，並且處理工作可以在用戶端執行，減少伺服器壓力。

　　　　③盡量使用GET請求，GET的請求，是可以（而且預設）在用戶端進行緩衝的，除非指定了不同的地址，否則同一個地址的AJAX請求，不會重複在伺服器執行，而是返回304。

　　6、壓縮js和css　　

　　　　這個是在線壓縮：http://tool.oschina.net/jscompress?type=3

　　7、精簡html、js和css

　　　　刪除無用代碼及空格，減少檔案大小。

　　8、避免重新導向

　　9、減少http請求

　　　　比如使用CSS Sprites、圖片地圖

　　10、使用外部JavaScript和CSS

　　　　內聯指令碼或者樣式可以減少HTTP請求，但是外部引入檔案可以緩衝起來。

　　11、使用Google的pagespeed

　　　　PageSpeed Insights 先分析網頁的內容，然後提供關於如何提升網頁載入速度的建議。

 

網站最佳化小記