實在,這一條和第一條有些反復(fù)了,為了顯現(xiàn)作品形式的豐盛性,無論了。
2. 兼并背景圖到Logo: 縮小頁面要求
<body .... onload="...;if(document.images)new Image().src='/images/nav_logo8.png'"...>
上面是google首頁的做法,實在,某個圖是搜尋后果頁的logo和背景兼并圖,首頁并沒有用到,然而到了google首頁的人有多少個會沒有去搜尋后果頁呢…(那里多謝鬼哥提示)
被說爛了的google的形式,俗套重彈,正在頁面的形式還沒有加載事先,先把需求的圖加載:那樣就會讓logo第一工夫顯現(xiàn)進去(假如你沒有想讓logo第一工夫顯現(xiàn),請疏忽),也沒有會涌現(xiàn)赤裸裸的沒有背景圖潤飾形式。
1. 預(yù)加載Logo: 第一工夫顯現(xiàn)logo圖和背景,防止空白和無背景
對于logo啟用Gzip緊縮?: 某個真的沒有行!!用長cache吧?。?!
閉合logo所正在的img標(biāo)簽: 晉升閱讀器渲染頻率;(某個還提!?)
正在img三拇指定logo分寸大?。?晉升閱讀器渲染頻率;
正在img三拇指定logo的交換文字: 晉升頁面可用性和兼容性;
優(yōu)化緊縮logo: 盡能夠縮小資料大小;
兼并背景圖到Logo: 縮小頁面要求;
預(yù)加載Logo圖: 第一工夫顯現(xiàn)logo圖和背景,防止空白和無背景;
提到H1,無可防止的就會和SEO發(fā)作聯(lián)系,同聲也會把網(wǎng)站Logo扯進去說事;實在昨天的女配角沒有是H1,SEO也沒有是男配角,網(wǎng)站Logo也沒有是少男少女配角,他們的本事很出色,他們的聯(lián)系也沒有容易;實在那里但是想單說一下網(wǎng)站Logo,網(wǎng)站功能優(yōu)化有關(guān)。
莫名的源起 – H1
。(實在這兩個字干什么老是涌現(xiàn)呢)
假造的正題 – Logo與網(wǎng)站功能優(yōu)化
那里的H1沒有是H1N1中那令人毛骨悚然H1,而是HTML中的一度標(biāo)簽,一度重構(gòu)者日常任務(wù)中沒有可防止的一度標(biāo)簽,一度沒有能被無視的標(biāo)簽,一度正在HTML的題目單排名第一的題目,歷史上有過很多的對于于H1的討論,也有人正在Twitter上停止過H1爭論(en),固然自己會有一些一致,然而關(guān)于H1的主要性,自己都一種認(rèn)同,謀求者泛濫,追法各異,各有各的手腕,各有各的手段,滿意了才是霸道。許多的翻新但是已有事物的從新拙劣結(jié)合和應(yīng)用。
5. 正在img三拇指定logo分寸大?。?晉升閱讀器渲染頻率 還說?。?!
哈哈,忘了說某個和seo也有小半聯(lián)系哦-.-
4. 正在img三拇指定logo的交換文字: 晉升頁面可用性和兼容性 某個也要再說?。?!
太簡單? 那就間接上http://www.smushit.com/ysmush.it/,正在線緊縮吧
沒有某個機器?正在firefox里裝firebug再裝page speed,功能綜合,間接存儲緊縮好的圖
最初,再用特地的緊縮機器(如PngOptimizer)緊縮
其次,fireworks比photoshop的緊縮成效要好,容積更小
率先,png8體例是首選(別說了,沒人都曉得啦!)
3. 優(yōu)化緊縮logo: 盡能夠縮小資料大小
最初就那樣了:
那樣那樣,這樣這樣:
Google<img width="164" height="106" alt="g1" src="/uploads/allimg/100901/2202031520-0.png" />
<h1> <a title="Go to Google Home" href="http://www.google.com/webhp?hl=en" id="logo">
共事們都喜愛可樂(css sprite),某個可樂也沒有例外。(義務(wù)編者:帝位庫)
正在效勞器端對于圖片停止Gzip緊縮是沒有用的,沒有過css/js/html等文本資料是能夠,并且正在效勞器壓力答應(yīng)的狀況下是必需答應(yīng)的(大全體css/js/xml資料大小可緊縮70-80%)
關(guān)于短工夫沒有會變化的logo,能夠安裝長cache,縮小對于效勞器的要求。唉,實在該署貨色早就正在坊間傳播,我這也說沒有出什么新點子,但是老生常談,東張西望,列舉出一些知識性的貨色。
7. 對于logo啟用Gzip緊縮?還是算了吧
CSS 2.1 Specification
HTML 4.01 Specification
網(wǎng)站規(guī)范沒有能忘啊,沒有曉得細(xì)心讀過W3C標(biāo)準(zhǔn)書的有多少人呢,我沒有:( 有空看看吧
6. 開放logo所正在的img標(biāo)簽 :( 我又提某個了
要說的,某個有爭議,有時分會方便于形式保護,或者許正在css三拇指定分寸也是一種計劃。小總結(jié):知易行難,重構(gòu)是一種姿態(tài)。