提高網(wǎng)頁的打開速度的小技巧

1.圖片長寬的標記問題。這個問題一般在html中可以看到，一些人經(jīng)常忘記寫圖片的長和寬了。這些標記是告訴瀏覽器打開圖片之前的尺寸，瀏覽器加載網(wǎng)頁時就會保留一塊區(qū)域，加快整個網(wǎng)頁顯示速度。

2.在url中要學(xué)會用”/”。當(dāng)一個用戶打開類似一個url后面沒有”/”，服務(wù)器就要確定什么類型的文件或是網(wǎng)頁，這時你在網(wǎng)址后面加一個”/”，這時服務(wù)器就知道是一個目錄的頁面，減少載入時間。

3.減少網(wǎng)頁的響應(yīng)次數(shù)。對于網(wǎng)頁的打開，其實是很復(fù)雜的過程。從網(wǎng)頁的申請打開，到Web服務(wù)器的響應(yīng)，編譯等動作，然后發(fā)回給瀏覽器，才顯示我們面前的文字和圖片，多媒體文件等。所以我要盡量減少響應(yīng)次數(shù)，現(xiàn)在ajax在這方面就運用的不錯。當(dāng)然，一個靜態(tài)頁面就例外了，靜態(tài)頁面多注意圖片大小和網(wǎng)頁設(shè)計上就行了。

4.優(yōu)化CSS。我們知道css的出現(xiàn)，使內(nèi)容和元素的表現(xiàn)方法分離，用戶打開用css設(shè)計的網(wǎng)頁，css一般被下載用戶本地計算機，不像HTML元素表現(xiàn)標簽，每次網(wǎng)站的網(wǎng)頁都要調(diào)用一次，使用css，只需要一次就好了！另外，css在某些地方可以替代圖片，這就是為什么現(xiàn)在提倡div+css的原因！不過，使用dw寫css，也會有些多余的css代碼。Css太臃腫的話，也會影響網(wǎng)頁的速度，這里介紹一款工具cleancss給大家試試，它是一款在線工具。另外就是手工精簡代碼，這個確實有這個對于新手確實有難度，不過，多看一些精簡css技巧的文章會對你有幫助的，看得多了，也就知道那些代碼可以精簡了。

5.優(yōu)化圖片。這個沒有什么技巧，通過軟件就搞定了。我喜歡用ps，在ps中選擇存儲web所用格式，然后選擇圖片的質(zhì)量等選項，圖片看起來很清楚，大小又合適保存就可以了。

6.圖片格式問題。選擇正確的圖片格式是非常重要的。Jpg一般用于照片或真彩色圖片，gif運用平面色彩的圖片，一般用于按鈕或LOGO圖片，png和gif非常相似，不過就是多支持一些色彩！

本文題目：提高網(wǎng)頁的打開速度的小技巧
文章來源：http://muchs.cn/news25/171225.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、網(wǎng)站建設(shè)、云服務(wù)器、定制開發(fā)、虛擬主機、網(wǎng)站導(dǎo)航

廣告

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