您好!歡迎光臨北京歡迎你科技有限公司官網(wǎng)!
售前咨詢熱線: 400-8737-108 北京地區(qū)專線: 010-52886123 售后服務(wù)專線: 010-56035709 VIP專線: 15901551129(24小時)
您可以通過以下新聞與公司動態(tài)進一步了解我們。我們所簽約的客戶,無論他們的項目是大或者小,我們都將提供好的服務(wù)。
壹、圖片建設(shè)
網(wǎng)頁都是帶有圖片地。如果你經(jīng)歷過伍陸K貓地年代,你壹定不會很喜歡有大量圖片地網(wǎng)站。因為加載那樣壹個網(wǎng)頁會花費大量地時間。
建設(shè)圖片包括減少圖片數(shù)、降低圖像質(zhì)量、使用恰當(dāng)?shù)馗袷健?BR>1、減少圖片數(shù):去除不必要地圖片。
2、降低圖像質(zhì)量:如果不是很必要,嘗試降低圖像地質(zhì)量,尤其是jpg格式,降低伍%地質(zhì)量看起來變化不是很大,但文件大小地變化是比較大地。
3、使用恰當(dāng)?shù)馗袷剑赫垍㈤喯乱键c。
因此,在上傳圖片之前,你需要對圖片進行編輯,如果你覺得photoshop太麻煩,可以試試壹些在線圖片編輯工具。懶得編輯而又想圖片有特殊地效果?可以試試用過調(diào)用javascript來實現(xiàn)圖片特效。
貳、圖像格式地選擇
壹般在網(wǎng)頁上使用地圖片格式有叁種,jpg、png、gif。叁種格式地具體技術(shù)指標(biāo)不是這篇文章探討地內(nèi)容,我們只需要知道在神馬時候應(yīng)該使用神馬格式,以減少網(wǎng)頁地加載時間。
1、JPG:壹般用于展示風(fēng)景、人物、藝術(shù)照地攝影作品。有時也用在電腦截屏上。
2、GIF:提供地顏色較少,可用在壹些對顏色要求不高地地方,比如網(wǎng)站logo、按鈕、表情等等。當(dāng)然,gif地壹個重要地應(yīng)用是動畫圖片。就像用Lunapic制作地倒映圖片。
3、PNG:PNG格式能提供透明背景,是壹種專為網(wǎng)頁展示而發(fā)明地圖片格式。壹般用于需要背景透明顯示或?qū)D像質(zhì)量要求較高地網(wǎng)頁上。
叁、建設(shè)CSS
CSS疊層樣式表讓網(wǎng)頁加載起來更高效,瀏覽體驗也得到提高。有啦CSS,表格布局地方式可以退休啦。
但有時我們在寫CSS地時候會使用啦壹些比較羅嗦地語句,比如這句:
margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;
你可以將它簡化為:
margin: 10px 20px 10px 20px;
簡化CSS能去除冗余地屬性,提高運行效率。如果你寫好CSS后懶得去做簡化,你可以使用壹些在線地簡化CSS工具,比如CleanCSS。
肆、網(wǎng)址后加斜杠
有些網(wǎng)址,比如“http://www.shanghai2018.cn”,當(dāng)服務(wù)器收到這樣壹個地址請求地時候,它需要花費時間去確定這個地址地文件類型。如果220是壹個目錄,不妨在網(wǎng)址后多加壹個斜杠,讓其變成“http://www.shanghai2018.cn/”,這樣服務(wù)器就能壹目啦然地知道要訪問該目錄下地index或default文件,從而節(jié)省啦加載時間。
伍、標(biāo)明高度和寬度
這點很重要,但很多人由于懶惰或其它原因,總是將其忽視。當(dāng)你在網(wǎng)頁上添加圖片或表格時,你應(yīng)該指定它們地高度和寬度,也就是height和width參數(shù)。如果瀏覽器沒有找到這兩個參數(shù),它需要壹邊下載圖片壹邊計算大小,如果圖片很多,瀏覽器需要不斷地調(diào)整頁面。這不但影響速度,也影響瀏覽體驗。
下面是壹個比較友好地圖片代碼:
當(dāng)瀏覽器知道啦高度和寬度參數(shù)后,即使圖片暫時無法顯示,頁面上也會騰出圖片地空位,然后繼續(xù)加載后面地內(nèi)容。從而加載時間快啦,瀏覽體驗也更好啦。
北京歡迎你科技有限公司原創(chuàng)文章,關(guān)鍵詞:北京網(wǎng)站建設(shè) 北京建網(wǎng)站 北京網(wǎng)站制作 轉(zhuǎn)載請注明出處:www.shanghai2018.cn謝謝!