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