如何在網(wǎng)站設(shè)計(jì)制作中給自己的網(wǎng)站提速的技巧

圖片大小 ，因?yàn)閳D片不被搜索引擎抓取，同時(shí)圖片所占內(nèi)存字節(jié)要比文字所占字節(jié)大，所以圖片過(guò)多會(huì)影響網(wǎng)站打開(kāi)速度，對(duì)用戶(hù)體驗(yàn)度不好，因此，我們?cè)诰W(wǎng)站中圖片盡量壓縮，減小圖片的本身內(nèi)存，提高網(wǎng)站打開(kāi)速度，對(duì)搜索引擎抓取頁(yè)面也有好處的。

第一、優(yōu)化CSS中的參考圖片。

假設(shè)一個(gè)頁(yè)面需要大量的外圍圖像，比如下面的圖標(biāo)。如果這些圖像被單獨(dú)調(diào)用，則請(qǐng)求數(shù)量會(huì)增加，這意味著：cssimages太多，請(qǐng)求數(shù)量會(huì)增加，網(wǎng)站速度會(huì)變慢。如果我們將想要在單個(gè)頁(yè)面上使用的圖片組合在一起，那么這些圖片的請(qǐng)求數(shù)將變?yōu)?，并且頁(yè)面速度會(huì)更快。如何把想要的照片放在照片上并在相應(yīng)的地方打電話(huà)？該方法是坐標(biāo)定位。也就是說(shuō)，圖片路徑是通過(guò)css坐標(biāo)獲得的，并且相應(yīng)的坐標(biāo)在標(biāo)簽中被引用。如果你了解前端，那么這些并不是什么大問(wèn)題。如果你不了解CSS，CSS圖像合并生成器工具（百度可以）可以直接提供相應(yīng)的內(nèi)容：合并CSS圖像并生成相應(yīng)的代碼。

第二、在服務(wù)器上啟用gzip壓縮。

Gzip壓縮是一種更高效的數(shù)據(jù)壓縮格式。如果打開(kāi)gzip壓縮，壓縮率一般可以達(dá)到75％左右，效果非常明顯。大多數(shù)服務(wù)器，如虛擬主機(jī)，VPS等已默認(rèn)啟用此功能。如果未啟用，您將無(wú)法設(shè)置相應(yīng)的設(shè)置。建議您直接聯(lián)系空間提供商并讓他們解決問(wèn)題。

第三、壓縮或簡(jiǎn)化Javascript代碼和CSS代碼。

無(wú)論網(wǎng)站類(lèi)型如何，當(dāng)用戶(hù)第一次點(diǎn)擊網(wǎng)站時(shí)，網(wǎng)站的Javascript和CSS代碼都會(huì)被加載。假設(shè)代碼是多余的，它將不可避免地降低打開(kāi)網(wǎng)站的速度。如果出現(xiàn)這樣的問(wèn)題，代碼必須壓縮或精簡(jiǎn)。壓縮方面，還有大量的第三方工具，壓縮代碼一般可以降低40％到65％。在精簡(jiǎn)方面，沒(méi)有必要使用風(fēng)格控制。這個(gè)想法是同時(shí)滿(mǎn)足網(wǎng)站的頁(yè)面布局和最少的代碼量。

第四、跳轉(zhuǎn)代碼位置，跳轉(zhuǎn)代碼加載順序。

點(diǎn)擊網(wǎng)站后，頁(yè)面代碼將自上而下加載。出于這個(gè)原因，我們可以對(duì)一些腳本代碼進(jìn)行一些調(diào)整。這很簡(jiǎn)單，我們看一下主Javascript腳本之間的代碼，并調(diào)整頁(yè)面底部的不重要的非必要調(diào)整。只要頁(yè)面顯示正確，其余的統(tǒng)計(jì)代碼可以稍后加載。

第五、壓縮圖像。

據(jù)統(tǒng)計(jì)，圖片加載時(shí)間是導(dǎo)致網(wǎng)站速度的大因素。它解決了圖像加載速度問(wèn)題，并解決了頁(yè)面速度問(wèn)題。假設(shè)網(wǎng)站上有大量jpg格式的圖片，需要盡可能壓縮圖片，以減少圖片本身的大小而不影響視覺(jué)效果。與壓縮的Javascript文件類(lèi)似，有大量的在線(xiàn)工具提供相應(yīng)的壓縮服務(wù)，并且還有大量的圖像編輯軟件，如具有壓縮功能的Mito Xiu Xiu。

第六、減少HTTP請(qǐng)求。

根據(jù)數(shù)據(jù)，流量引擎將花費(fèi)80％的時(shí)間加載腳本，CSS樣式表，圖片和其他網(wǎng)站元素。只有大約20％的時(shí)間將用于加載網(wǎng)站的其他主要文本內(nèi)容。問(wèn)題是每個(gè)站點(diǎn)都會(huì)有HTTP請(qǐng)求，并且在同一時(shí)間段內(nèi)只能有2個(gè)HTTP請(qǐng)求。在這種情況下，如果一起請(qǐng)求的HTTP請(qǐng)求超過(guò)2個(gè)，則必然會(huì)降低打開(kāi)網(wǎng)站的速度。

圖片對(duì)排名和用戶(hù)有很大的好處，但需要花費(fèi)很多時(shí)間，有時(shí)候借用別人的圖片也是不錯(cuò)的選擇。但我建議在借用圖片的時(shí)候，最好下載到本地再上傳到自己的網(wǎng)站。如果直接以鏈接的方式調(diào)用，就相當(dāng)于給別人做了一個(gè)外鏈，自己網(wǎng)站的權(quán)重就分散了。用戶(hù)最主要就是想看清楚結(jié)構(gòu)細(xì)節(jié)，文章內(nèi)容再豐富再吸引人都不抵圖片來(lái)得清晰直接，但如果這時(shí)配圖清晰度低的話(huà)，對(duì)用戶(hù)的價(jià)值大打折扣，同時(shí)用戶(hù)體驗(yàn)也大大降低。

當(dāng)前名稱(chēng)：如何在網(wǎng)站設(shè)計(jì)制作中給自己的網(wǎng)站提速的技巧
文章源于：http://www.bm7419.com/news8/259808.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、域名注冊(cè)、全網(wǎng)營(yíng)銷(xiāo)推廣、標(biāo)簽優(yōu)化、云服務(wù)器、網(wǎng)站建設(shè)

廣告

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