2023-05-18 分類(lèi): 網(wǎng)站建設(shè)
圖片大小 ,因?yàn)閳D片不被搜索引擎抓取,同時(shí)圖片所占內(nèi)存字節(jié)要比文字所占字節(jié)大,所以圖片過(guò)多會(huì)影響網(wǎng)站打開(kāi)速度,對(duì)用戶體驗(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)的地方打電話?該方法是坐標(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)用戶第一次點(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í)滿足網(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)似,有大量的在線工具提供相應(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ì)排名和用戶有很大的好處,但需要花費(fèi)很多時(shí)間,有時(shí)候借用別人的圖片也是不錯(cuò)的選擇。但我建議在借用圖片的時(shí)候,最好下載到本地再上傳到自己的網(wǎng)站。如果直接以鏈接的方式調(diào)用,就相當(dāng)于給別人做了一個(gè)外鏈,自己網(wǎng)站的權(quán)重就分散了。用戶最主要就是想看清楚結(jié)構(gòu)細(xì)節(jié),文章內(nèi)容再豐富再吸引人都不抵圖片來(lái)得清晰直接,但如果這時(shí)配圖清晰度低的話,對(duì)用戶的價(jià)值大打折扣,同時(shí)用戶體驗(yàn)也大大降低。
本文名稱(chēng):如何在網(wǎng)站設(shè)計(jì)制作中給自己的網(wǎng)站提速的技巧
鏈接地址:http://www.rwnh.cn/news/259808.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動(dòng)網(wǎng)站建設(shè)、微信小程序、服務(wù)器托管、App設(shè)計(jì)、品牌網(wǎng)站制作、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容