網站設計之前端網頁設計優(yōu)化

按照一般的情況來看，一個網站的訪問打開速度的快與慢，全是看這個網站使用的空間配置，要是這個空間主機的配置不錯，那么你的網站訪問速度就會很快。其實拋去空間主機的配置因素不談，我們站長或者seo人員也可以從網頁制作方面著手，從而從現(xiàn)有的資源上提高網站的訪問速度。
1、利用瀏覽器緩存你的 js 和 CSS 文件：
在網站根目錄 .htaccess 中加入以下代碼ExpiresActive onExpiresDefault “access plus 1 year”
這段代碼的意思是對 jpg|gif|png|css|js 發(fā)送 header 緩存頭，進行一年的緩存、在瀏覽器不使用 ctrl+F5 強制刷新時，會一直緩存到時間時間結束，唯一遺憾的是如果你更改了js或者css文件必須把以前的路徑或者文件名更改，可以這樣 base.js?ver=(x) 這種方式下次瀏覽器就會自動讀取并緩存。
2、把你的 .js 庫文件地址替換成 Google CDN的地址：
隨著 jquery 和 mootools 等js庫的使用需要加載的.js文件越來越多也越來越大，通常傳統(tǒng)的網站是上傳到網站本身的目錄。但對于一個接近70多KB的jquery.js體積確實不利于網站響應速度的提升，此時就應該使用Google API 。
不單是jquery庫，其他諸如mootools yui 也可以使用這種方式。
3、精簡和優(yōu)化你的 js 和 CSS：
雖然有了緩存和gzip保駕護航，但是對于 js 和 css 的優(yōu)化卻也是必須的。我們寫的javascript腳本和 css 代碼都是經過縮進和換行的，適合人類閱讀，但是瀏覽器執(zhí)行這些腳本不并需要這些無意義的空格和換行。所以我們應該去除這一些空格換行，甚至縮短 javascript 和 css 里面的變量。諸如此類的優(yōu)化工具有 YUI Compressor 和 Closure Compiler 。這兩個工具都是基于 java 的，使用應該安裝jdk并且設置 JAVA_HOME 。(對于非程序員的網站管理員而言確實有點困難)此工具可以不用在本地安裝jdk，直接上傳 js 和 css 文件進行壓縮，可選擇是采用 YUI Compressor 或 Closure Compiler 。
4、GZIP 壓縮你的 JS 和 CSS 文件：
壓縮js和css可以通過服務器動態(tài)腳本進行也可以更簡單的使用apache服務器可以在網站根目錄 .htaccess 中加入以下代碼AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/jsonHeader append Vary Accept-Encoding這段代碼的意思是調用服務器的壓縮模塊對以上文件輸出之前進行GZIP壓縮，gzip的壓縮之后所有文件都應該能減少30%以上的體積。特別是對于大量使用js的博客有了gzip保駕護航之后速度能提高不少。
5、使用css sprites合并圖片一個網站經常使用小圖標和小圖片進行美化，但是很遺憾這些小圖片占用了大量的HTTP請求，因此可以采用sprites的方式把所有的圖片合并成一張圖片 ，可以通過相關工具在線合并，也可以在ps中合并。
6、優(yōu)化你網站圖片：
大量使用的圖片和圖標雖然可以給網站帶來美輪美奐的效果，圖文混編更是一種非常絢麗的博文展現(xiàn)方法?？蓤D片的體積確實不是很給力，jpg是一種有損壓縮格式，而png雖然是無損的，但缺憾是體積頗大。為了減少圖片體積達到最快的下載速度，每一張圖片上傳前應該優(yōu)化一下體積。

當前文章：網站設計之前端網頁設計優(yōu)化
路徑分享：http://www.muchs.cn/news/38711.html

網站建設、網絡推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)