国产人与禽ZoZ0性伦多活几年,真实国产老熟女无套中出,аⅴ资源中文在线天堂,另类老妇性BBwBBw

野狼SEO團(tuán)隊(duì),純白帽SEO倡導(dǎo)者!18年專注網(wǎng)站優(yōu)化服務(wù),支持月付!? [點(diǎn)擊查看公司宣傳冊(cè)]
專注純白帽、整站正規(guī)優(yōu)化
讓你排名上升,流量暴漲!
網(wǎng)站優(yōu)化服務(wù)電話
0371-56789-390
詳細(xì)內(nèi)容
當(dāng)前位置:首頁(yè) > SEO知識(shí) > 詳情

網(wǎng)站內(nèi)部?jī)?yōu)化的33個(gè)小細(xì)節(jié),SEO高手都不一定能看懂

發(fā)布時(shí)間:2015-06-02 來(lái)源:本站原創(chuàng) 作者:野狼SEO團(tuán)隊(duì) 閱讀:463

1.盡量減少HTTP請(qǐng)求次數(shù)

這是提高網(wǎng)頁(yè)加載速度的關(guān)鍵步驟。這是因?yàn)榻K端用戶響應(yīng)的時(shí)間中,有80%用于下載各項(xiàng)內(nèi)容。這部分時(shí)間包括下載頁(yè)面中的圖像、樣式表、腳本、Flash等。通常的實(shí)現(xiàn)方法是通過(guò)減少頁(yè)面中的元素來(lái)減少HTTP請(qǐng)求的次數(shù),但缺點(diǎn)是減少了頁(yè)面內(nèi)容。而下面的幾個(gè)方法是既能保持頁(yè)面內(nèi)容的豐富性又能加快響應(yīng)時(shí)間。
(1)合并文件。通過(guò)把所有的腳本放到一個(gè)文件中來(lái)減少HTTP請(qǐng)求,如可以簡(jiǎn)單地把所有的CSS文件都放入一個(gè)樣式表中。
(2)用CSS
Sprites是減少圖像請(qǐng)求。即把所有的背景圖像都放到一個(gè)圖片文件中,然后通過(guò)CSS的background-image和background-position屬性來(lái)顯示圖片的不同部分。
(3)圖片地圖。把多張圖片整合到一張圖片中。雖然文件的總體大小不會(huì)改變,但是可以減少HTTP請(qǐng)求次數(shù)。
(4)內(nèi)聯(lián)圖像。也就是使用data:URL
scheme的方法把圖像數(shù)據(jù)加載頁(yè)面中。這可能會(huì)增加頁(yè)面的大小,但把內(nèi)聯(lián)圖像放到樣式表(可緩存)中可以減少HTTP請(qǐng)求同時(shí)又避免增加頁(yè)面文件的大小。

2.減少DNS查找次數(shù)

域名系統(tǒng)(DNS)提供了域名和IP的對(duì)應(yīng)關(guān)系。當(dāng)用戶在瀏覽器地址欄中輸入網(wǎng)址時(shí),DNS解析服務(wù)器查找和解析該IP地址是需要時(shí)間的。而減少DNS查找次數(shù)的方法則有以下幾個(gè):
(1)緩存DNS查找。即緩存DNS的查找內(nèi)容。這種緩存需要一個(gè)特定的緩存服務(wù)器,這種服務(wù)器一般屬于用戶的ISP提供商或者本地局域網(wǎng)控制,但是它同樣可以早用戶使用的計(jì)算機(jī)上使用。
(2)減少主機(jī)名的數(shù)量。當(dāng)客戶端中的DNS緩存都為空時(shí)(瀏覽器和操作系統(tǒng)都為空),DNS查找的次數(shù)和頁(yè)面中主機(jī)名的數(shù)量相同。因此減少主機(jī)名的數(shù)量可以減少DNS查找次數(shù)。不過(guò)這會(huì)減少頁(yè)面中并行下載的數(shù)量,增加了響應(yīng)時(shí)間。一個(gè)指導(dǎo)原則就是把這些頁(yè)面中的內(nèi)容分割成至少兩部分但不超過(guò)四部分,從而在減少DNS查找次數(shù)和保持較高程度并行下載兩者之間實(shí)現(xiàn)權(quán)衡。

3.避免跳轉(zhuǎn)

跳轉(zhuǎn)是使用301和302代碼實(shí)現(xiàn)的,它們跳轉(zhuǎn)到的新IP地址都不會(huì)被緩存,除非增加一個(gè)額外的頭選項(xiàng)。同時(shí),跳轉(zhuǎn)也會(huì)降低用戶體驗(yàn)。對(duì)于在Apache服務(wù)器,可以使用Alias或者 mod_rewrite或者the DirectorySlash來(lái)避免跳轉(zhuǎn)。

4.可緩存的AJAX

Ajax經(jīng)常被提及的一個(gè)好處就是由于其從后臺(tái)服務(wù)器傳輸信息的異步性而為用戶帶來(lái)的反饋的即時(shí)性。但是,使用Ajax并不能保證用戶不會(huì)在等待異步的JavaScript和XML響應(yīng)上花費(fèi)時(shí)間。為了提高性能,優(yōu)化Ajax響應(yīng)是很重要的。提高Ajxa性能的措施中最重要的方法就是使響應(yīng)具有可緩存性,具體的討論可以查看Add an Expires or a Cache-Control Header。以下其它的幾條規(guī)則也同樣適用于Ajax:Gizp壓縮文件
(1)減少DNS查找次數(shù)
(2)精簡(jiǎn)JavaScript
(3)避免跳轉(zhuǎn)
(4)配置ETags
即使你的Ajxa響應(yīng)是動(dòng)態(tài)生成的,哪怕它只適用于一個(gè)用戶,那么它也應(yīng)該被緩存起來(lái)。這樣做可以使你的Web2.0應(yīng)用程序更加快捷。

5.推遲加載內(nèi)容

你可以仔細(xì)看一下你的網(wǎng)頁(yè),問(wèn)問(wèn)自己“哪些內(nèi)容是頁(yè)面呈現(xiàn)時(shí)所必需首先加載的?哪些內(nèi)容和結(jié)構(gòu)可以稍后再加載?把整個(gè)過(guò)程按照onload事件分隔成兩部分,JavaScript是一個(gè)理想的選擇。例如,如果你有用于實(shí)現(xiàn)拖放和動(dòng)畫的JavaScript,那么它就以等待稍后加載。其它的例如隱藏部分的內(nèi)容(用戶操作之后才顯現(xiàn)的內(nèi)容)和處于折疊部分的圖像也可以推遲加載。
當(dāng)性能目標(biāo)和其它網(wǎng)站開(kāi)發(fā)實(shí)踐一致時(shí)就會(huì)相得益彰。這種情況下,通過(guò)程序提高網(wǎng)站性能的方法告訴我們,在支持JavaScript的情況下,可以先去除用戶體驗(yàn),不過(guò)這要保證你的網(wǎng)站在沒(méi)有JavaScript也可以正常運(yùn)行。

6.預(yù)加載

預(yù)加載是在瀏覽器空閑時(shí)請(qǐng)求將來(lái)可能會(huì)用到的頁(yè)面內(nèi)容(如圖像、樣式表和腳本)。使用這種方法,當(dāng)用戶要訪問(wèn)下一個(gè)頁(yè)面時(shí),頁(yè)面中的內(nèi)容大部分已經(jīng)加載到緩存中了,因此可以大大改善訪問(wèn)速度。以下提供了幾種預(yù)加載方法:
(1)無(wú)條件加載。觸發(fā)onload事件時(shí),直接加載額外的頁(yè)面內(nèi)容。
(2)有條件加載。根據(jù)用戶的操作來(lái)有根據(jù)地判斷用戶下面可能去往的頁(yè)面并相應(yīng)的預(yù)加載頁(yè)面內(nèi)容。
(3)有預(yù)期的加載。載入重新設(shè)計(jì)過(guò)的頁(yè)面時(shí)使用預(yù)加載。這種情況經(jīng)常出現(xiàn)在頁(yè)面經(jīng)過(guò)重新設(shè)計(jì)后用戶抱怨“新的頁(yè)面看起來(lái)很酷,但是卻比以前慢”。問(wèn)題可能出在用戶對(duì)于你的舊站點(diǎn)建立了完整的緩存,而對(duì)于新站點(diǎn)卻沒(méi)有任何緩存內(nèi)容。

7.減少DOM元素?cái)?shù)量

一個(gè)復(fù)雜的頁(yè)面意味著需要下載更多數(shù)據(jù),同時(shí)也意味著JavaScript遍歷DOM的效率越慢。大量的DOM元素意味著頁(yè)面中有可以不用移除內(nèi)容而只需要替換元素標(biāo)簽就可以精簡(jiǎn)的部分。
那么多少個(gè)DOM元素算是多呢?這可以對(duì)照有很好標(biāo)記使用的類似頁(yè)面。比如Yahoo!主頁(yè)是一個(gè)內(nèi)容非常多的頁(yè)面,但是它只使用了700個(gè)元素(HTML標(biāo)簽)。

8.根據(jù)域名劃分頁(yè)面內(nèi)容

把頁(yè)面內(nèi)容劃分成若干部分來(lái)最大限度地實(shí)現(xiàn)平行下載。由于DNS查找?guī)?lái)的影響你首先要確保你使用的域名數(shù)量在2個(gè)到4個(gè)之間(見(jiàn)第二條準(zhǔn)則)。例如,你可以把用到的HTML內(nèi)容和動(dòng)態(tài)內(nèi)容放在www.example.org上,而把頁(yè)面各種組件(圖片、腳本、CSS)分別存放在statics1.example.org和statics.example.org上。

9.使iframe的數(shù)量最小

ifrmae元素可以在父文檔中插入一個(gè)新的HTML文檔。了解iframe的工作理然后才能更加有效地使用它,這一點(diǎn)很重要。 優(yōu)點(diǎn):
解決加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告等的加載問(wèn)題
Security
sandbox
并行加載腳本
的缺點(diǎn):
即時(shí)內(nèi)容為空,加載也需要時(shí)間
會(huì)阻止頁(yè)面加載
沒(méi)有語(yǔ)意

10.不要出現(xiàn)404錯(cuò)誤

HTTP請(qǐng)求時(shí)間消耗是很大的,因此使用HTTP請(qǐng)求來(lái)獲得一個(gè)沒(méi)有用處的響應(yīng)(例如404沒(méi)有找到頁(yè)面)是完全沒(méi)有必要的,它只會(huì)降低用戶體驗(yàn)而不會(huì)有一點(diǎn)好處。

11.使用內(nèi)容分發(fā)網(wǎng)絡(luò)

內(nèi)容分發(fā)網(wǎng)絡(luò)(Content Delivery
Network,CDN)是由一系列分散到各個(gè)不同地理位置上的Web服務(wù)器組成的,它提高了網(wǎng)站內(nèi)容的傳輸速度。用于向用戶傳輸內(nèi)容的服務(wù)器主要是根據(jù)和用戶在網(wǎng)絡(luò)上的靠近程度來(lái)指定的。例如,擁有最少網(wǎng)絡(luò)跳數(shù)(network hops)和響應(yīng)速度最快的服務(wù)器會(huì)被選定。
要記住,在終端用戶的響應(yīng)時(shí)間中有80%到90%的響應(yīng)時(shí)間用于下載圖像、樣式表、腳本、Flash等頁(yè)面內(nèi)容。這就是網(wǎng)站性能黃金守則。

12.為文件頭指定Expires或Cache-Control

這條守則包括兩方面的內(nèi)容:
對(duì)于靜態(tài)內(nèi)容:設(shè)置文件頭過(guò)期時(shí)間Expires的值為“Never
expire”(永不過(guò)期)。
對(duì)于動(dòng)態(tài)內(nèi)容:使用恰當(dāng)?shù)腃ache-Control文件頭來(lái)幫助瀏覽器進(jìn)行有條件的請(qǐng)求。
網(wǎng)頁(yè)內(nèi)容設(shè)計(jì)現(xiàn)在越來(lái)越豐富,這就意味著頁(yè)面中要包含更多的腳本、樣式表、圖片和Flash。第一次訪問(wèn)你頁(yè)面的用戶就意味著進(jìn)行多次的HTTP請(qǐng)求,但是通過(guò)使用Expires文件頭就可以使這樣內(nèi)容具有緩存性。它避免了接下來(lái)的頁(yè)面訪問(wèn)中不必要的HTTP請(qǐng)求。

13.Gzip壓縮文件內(nèi)容

從HTTP/1.1開(kāi)始,如果web服務(wù)器在請(qǐng)求的文件頭中檢測(cè)到代碼:
Accept-Encoding: gzip,
deflate
就會(huì)以客戶端列出的方式壓縮響應(yīng)內(nèi)容。Web服務(wù)器把壓縮方式通過(guò)響應(yīng)文件頭中的Content-
Encoding來(lái)返回給瀏覽器。而Gzip是目前最流行也是最有效的壓縮方式,大概可以減少70%的響應(yīng)規(guī)模。Gzip壓縮所有可能的文件類型是減少文件體積增加用戶體驗(yàn)的簡(jiǎn)單方法。

14.配置ETag

Entity tags(ETags)(實(shí)體標(biāo)簽)是web服務(wù)器和瀏覽器用于判斷瀏覽器緩存中的內(nèi)容和服務(wù)器中的原始內(nèi)容是否匹配的一種機(jī)制(“實(shí)體”就是所說(shuō)的“內(nèi)容”,包括圖片、腳本、樣式表等)。增加ETag為實(shí)體的驗(yàn)證提供了一個(gè)比使用“l(fā)ast-modified date(上次編輯時(shí)間)”更加靈活的機(jī)制。Etag是一個(gè)識(shí)別內(nèi)容版本號(hào)的唯一字符串。
IIS 5.0和IIS
6.0處理ETag的機(jī)制相似。IIS中的ETag格式為Filetimestamp:ChangeNumber。用ChangeNumber來(lái)跟蹤IIS配置的改變。網(wǎng)站所用的不同IIS服務(wù)器間ChangeNumber也不相同。
不同的服務(wù)器上的Apache和IIS即使對(duì)于完全相同的內(nèi)容產(chǎn)生的ETag在也不相同,用戶并不會(huì)接收到一個(gè)小而快的304響應(yīng);相反他們會(huì)接收一個(gè)正常的200響應(yīng)并下載全部?jī)?nèi)容。如果你的網(wǎng)站只放在一臺(tái)服務(wù)器上,就不會(huì)存在這個(gè)問(wèn)題。但是如果你的網(wǎng)站是架設(shè)在多個(gè)服務(wù)器上,并且使用Apache和IIS產(chǎn)生默認(rèn)的ETag配置,你的用戶獲得頁(yè)面就會(huì)相對(duì)慢一點(diǎn),服務(wù)器會(huì)傳輸更多的內(nèi)容,占用更多的帶寬,代理也不會(huì)有效地緩存你的網(wǎng)站內(nèi)容。即使你的內(nèi)容擁有Expires文件頭,無(wú)論用戶什么時(shí)候點(diǎn)擊“刷新”或者“重載”按鈕都會(huì)發(fā)送相應(yīng)的GET請(qǐng)求。
如果你沒(méi)有使用ETag提供的靈活的驗(yàn)證模式,那么干脆把所有的ETag都去掉會(huì)更好。Last-Modified文件頭驗(yàn)證是基于內(nèi)容的時(shí)間戳的。去掉 ETag文件頭會(huì)減少響應(yīng)和下次請(qǐng)求中文件的大小。
在Apache中,只需要在配置文件中簡(jiǎn)單添加下面一行代碼就可以去掉ETag:FileETag none

15.盡早刷新輸出緩沖

當(dāng)用戶請(qǐng)求一個(gè)頁(yè)面時(shí),無(wú)論如何都會(huì)花費(fèi)200到500毫秒用于后臺(tái)組織HTML文件。在這期間,瀏覽器會(huì)一直空閑等待數(shù)據(jù)返回。在PHP中,你可以使用flush()方法,它允許你把已經(jīng)編譯的好的部分HTML響應(yīng)文件先發(fā)送給瀏覽器,這時(shí)瀏覽器就會(huì)可以下載文件中的內(nèi)容(腳本等)而后臺(tái)同時(shí)處理剩余的HTML頁(yè)面。這樣做的效果會(huì)在后臺(tái)煩惱或者前臺(tái)較空閑時(shí)更加明顯。

16.使用GET來(lái)完成AJAX請(qǐng)求

瀏覽器中的POST方法是一個(gè)“兩步走”的過(guò)程:首先發(fā)送文件頭,然后才發(fā)送數(shù)據(jù)。因此使用GET最為恰當(dāng),因?yàn)樗恍璋l(fā)送一個(gè)TCP包(除非你有很多cookie)。

17.把樣式表置于頂部

把樣式表放到文檔的
/>內(nèi)部似乎會(huì)加快頁(yè)面的下載速度。這是因?yàn)榘褬邮奖矸诺絻?nèi)會(huì)使頁(yè)面有步驟的加載顯示。

18.避免使用CSS表達(dá)式(Expression)

CSS表達(dá)式是動(dòng)態(tài)設(shè)置CSS屬性的強(qiáng)大(但危險(xiǎn))方法。其問(wèn)題就在于它的計(jì)算頻率要比我們想象的多。不僅僅是在頁(yè)面顯示和縮放時(shí),就是在頁(yè)面滾動(dòng)、乃至移動(dòng)鼠標(biāo)時(shí)都會(huì)要重新計(jì)算一次。給CSS表達(dá)式增加一個(gè)計(jì)數(shù)器可以跟蹤表達(dá)式的計(jì)算頻率。在頁(yè)面中隨便移動(dòng)鼠標(biāo)都可以輕松達(dá)到10000次以上的計(jì)算量。
一個(gè)減少CSS表達(dá)式計(jì)算次數(shù)的方法就是使用一次性的表達(dá)式,它在第一次運(yùn)行時(shí)將結(jié)果賦給指定的樣式屬性,并用這個(gè)屬性來(lái)代替CSS表達(dá)式。如果樣式屬性必須在頁(yè)面周期內(nèi)動(dòng)態(tài)地改變,使用事件句柄來(lái)代替CSS表達(dá)式是一個(gè)可行辦法。如果必須使用CSS表達(dá)式,一定要記住它們要計(jì)算成千上萬(wàn)次并且可能會(huì)對(duì)你
頁(yè)面的性能產(chǎn)生影響。

19.使用外部JavaScript和CSS

在實(shí)際應(yīng)用中使用外部文件可以提高頁(yè)面速度,因?yàn)镴avaScript和CSS文件都能在瀏覽器中產(chǎn)生緩存。內(nèi)置在HTML文檔中的JavaScript和CSS則會(huì)在每次請(qǐng)求中隨HTML文檔重新下載。這雖然減少了HTTP請(qǐng)求的次數(shù),卻增加了HTML文檔的大小。從另一方面來(lái)說(shuō),如果外部文件中的JavaScript和CSS被瀏覽器緩存,在沒(méi)有增加HTTP請(qǐng)求次數(shù)的同時(shí)可以減少HTML文檔的大小。

20、削減JavaScript和CSS

精簡(jiǎn)是指從去除代碼不必要的字符減少文件大小從而節(jié)省下載時(shí)間。消減代碼時(shí),所有的注釋、不需要的空白字符(空格、換行、tab縮進(jìn))等都要去掉。在JavaScript中,由于需要下載的文件體積變小了從而節(jié)省了響應(yīng)時(shí)間。精簡(jiǎn)JavaScript中目前用到的最廣泛的兩個(gè)工具是JSMin和YUICompressor。

21.用代替@import

即CSS應(yīng)該放置在HTML文本內(nèi)容頂端以利于網(wǎng)頁(yè)有序加載呈現(xiàn)。

22.避免使用濾鏡

IE獨(dú)有屬性AlphaImageLoader用于修正7.0以下版本中顯示PNG圖片的半透明效果。這個(gè)濾鏡的問(wèn)題在于瀏覽器加載圖片時(shí)它會(huì)終止內(nèi)容的呈現(xiàn)并且凍結(jié)瀏覽器。在每一個(gè)元素(不僅僅是圖片)它都會(huì)運(yùn)算一次,增加了內(nèi)存開(kāi)支,因此它的問(wèn)題是多方面的。完全避免使用AlphaImageLoader的最好方法就是使用PNG8格式來(lái)代替,這種格式能在IE中很好地工作。

23.把腳本置于頁(yè)面底部

腳本帶來(lái)的問(wèn)題就是它阻止了頁(yè)面的平行下載。HTTP/1.1規(guī)范建議,瀏覽器每個(gè)主機(jī)名的并行下載內(nèi)容不超過(guò)兩個(gè)。如果你的圖片放在多個(gè)主機(jī)名上,你可以在每個(gè)并行下載中同時(shí)下載2個(gè)以上的文件。但是當(dāng)下載腳本時(shí),瀏覽器就不會(huì)同時(shí)下載其它文件了,即便是主機(jī)名不相同。
然而在某些情況下把腳本移到頁(yè)面底部可能不太容易。比如說(shuō),如果腳本中使用了document.write來(lái)插入頁(yè)面內(nèi)容,它就不能被往下移動(dòng)了。
一個(gè)經(jīng)常用到的替代方法就是使用延遲腳本。DEFER屬性表明腳本中沒(méi)有包含document.write,它告訴瀏覽器繼續(xù)顯示。

24.剔除重復(fù)腳本

在同一個(gè)頁(yè)面中重復(fù)引用JavaScript文件會(huì)影響頁(yè)面的性能。有兩種主要因素導(dǎo)致一個(gè)腳本被重復(fù)引用的奇怪現(xiàn)象發(fā)生:團(tuán)隊(duì)規(guī)模和腳本數(shù)量。如果真的存在這種情況,重復(fù)腳本會(huì)引起不必要的HTTP請(qǐng)求和無(wú)用的JavaScript運(yùn)算,這降低了網(wǎng)站性能。
為了防止多次重復(fù)引用腳本,一個(gè)避免偶爾發(fā)生的兩次引用同一腳本的方法是在模板中使用腳本管理模塊引用腳本?;蛘呤强梢允褂闷渌鼨C(jī)制來(lái)處理腳本,如檢查所屬目錄和為腳本文件名中增加版本號(hào)以用于Expire文件頭等。

25.減少DOM訪問(wèn)

使用JavaScript訪問(wèn)DOM元素比較慢,因此為了獲得更多的應(yīng)該頁(yè)面,有以下幾種方法:
(1)緩存已經(jīng)訪問(wèn)過(guò)的有關(guān)元素
(2)線下更新完節(jié)點(diǎn)之后再將它們添加到文檔樹(shù)中
(3)避免使用JavaScript來(lái)修改頁(yè)面布局

26.開(kāi)發(fā)智能事件處理程序

使用event
delegation(事件代理)減少DOM樹(shù)元素中的事件句柄從而避免事件句柄被頻繁地觸發(fā),導(dǎo)致頁(yè)面反應(yīng)遲鈍。

27.減小Cookie體積

HTTP coockie可以用于權(quán)限驗(yàn)證和個(gè)性化身份等多種用途。coockie內(nèi)的有關(guān)信息是通過(guò)HTTP文件頭來(lái)在web服務(wù)器和瀏覽器之間進(jìn)行交流的。因此保持coockie盡可能的小以減少用戶的響應(yīng)時(shí)間十分重要。主要的方法有:
(1)去除不必要的coockie
(2)使coockie體積盡量小以減少對(duì)用戶響應(yīng)的影響
(3)注意在適應(yīng)級(jí)別的域名上設(shè)置coockie以便使子域名不受影響
(4)設(shè)置合理的過(guò)期時(shí)間。較早地Expire時(shí)間和不要過(guò)早去清除coockie,都會(huì)改善用戶的響應(yīng)時(shí)間。

28.對(duì)于頁(yè)面內(nèi)容使用無(wú)coockie域名

當(dāng)瀏覽器在請(qǐng)求中同時(shí)請(qǐng)求一張靜態(tài)的圖片和發(fā)送coockie時(shí),服務(wù)器對(duì)于這些coockie不會(huì)做任何地使用。因此他們只是因?yàn)槟承┴?fù)面因素而創(chuàng)建的網(wǎng)絡(luò)傳輸。所有你應(yīng)該確定對(duì)于靜態(tài)內(nèi)容的請(qǐng)求是無(wú)coockie的請(qǐng)求。創(chuàng)建一個(gè)子域名并用他來(lái)存放所有靜態(tài)內(nèi)容。

29.優(yōu)化圖像

設(shè)計(jì)人員完成對(duì)頁(yè)面的設(shè)計(jì)之后,不要急于將它們上傳到web服務(wù)器,這里還需要做幾件事:
(1)檢查一下你的GIF圖片中圖像顏色的數(shù)量是否和調(diào)色板規(guī)格一致。
使用imagemagick中下面的命令行很容易檢查: identify -verbose image.gif
如果你發(fā)現(xiàn)圖片中只用到了4種顏色,而在調(diào)色板的中顯示的256色的顏色槽,那么這張圖片就還有壓縮的空間。
(2)嘗試把GIF格式轉(zhuǎn)換成PNG格式,看看是否節(jié)省空間。大多數(shù)情況下是可以壓縮的。由于瀏覽器支持有限,設(shè)計(jì)者們往往不太樂(lè)意使用PNG格式的圖片,不過(guò)這都是過(guò)去的事情了?,F(xiàn)在只有一個(gè)問(wèn)題就是在真彩PNG格式中的alpha通道半透明問(wèn)題,不過(guò)同樣的,GIF也不是真彩格式也不支持半透明。因此GIF能做到的,PNG(PNG8)同樣也能做到(除了動(dòng)畫)。下面這條簡(jiǎn)單的命令可以安全地把GIF格式轉(zhuǎn)換為PNG格式: convert image.gif image.png
(3)在所有的PNG圖片上運(yùn)行pngcrush(或者其它PNG優(yōu)化工具)。例如: pngcrush image.png -rem alla -reduce -brute result.png
(4)在所有的
JPEG圖片上運(yùn)行jpegtran。這個(gè)工具可以對(duì)圖片中的出現(xiàn)的鋸齒等做無(wú)損操作,同時(shí)它還可以用于優(yōu)化和清除圖片中的注釋以及其它無(wú)用信息(如 EXIF信息):
jpegtran -copy none -optimize -perfect src.jpg dest.jpg

30.優(yōu)化CSS

Spirite
主要有以下幾種優(yōu)化方法:
(1)在Spirite中水平排列你的圖片,垂直排列會(huì)稍稍增加文件大??;
(2)Spirite
中把顏色較近的組合在一起可以降低顏色數(shù),理想狀況是低于256色以便適用PNG8格式;
(3)便于移動(dòng),不要在Spirite的圖像中間留有較大空隙。這雖然不大會(huì)增加文件大小但對(duì)于用戶代理來(lái)說(shuō)它需要更少的內(nèi)存來(lái)把圖片解壓為像素地圖。

31.不要在HTML中縮放圖像

不要為了在HTML中設(shè)置長(zhǎng)寬而使用比實(shí)際需要大的圖片。

32.保持單個(gè)內(nèi)容小于25K

注意25K指的是解壓縮后的大小。這條限制主要是因?yàn)閕Phone不能緩存大于25K的文件。由于單純gizp壓縮可能達(dá)不要求,因此精簡(jiǎn)文件就顯得十分重要。

33.打包組件成復(fù)合文本

把頁(yè)面內(nèi)容打包成復(fù)合文本就如同帶有多附件的Email,它能夠使你在一個(gè)HTTP請(qǐng)求中取得多個(gè)組件,但要先確定用戶代理是否支持(iPhone就不支持)。(來(lái)源:網(wǎng)絡(luò))

本文作者:野狼SEO團(tuán)隊(duì)

十六年網(wǎng)站建設(shè)相關(guān)經(jīng)驗(yàn)
一站式為您提供網(wǎng)站相關(guān)服務(wù)

歡迎掃碼咨詢

訪客頭像訪 客107.1***
新評(píng)論
  • 好的評(píng)論:
    很好,很細(xì)致
    管理員回復(fù):不錯(cuò)
    2018-09-19