優(yōu)化網(wǎng)頁(yè)方法技巧一:清除頁(yè)面內(nèi)的多余空格
由于每個(gè)人書(shū)寫(xiě)習(xí)慣的不同,在制作網(wǎng)頁(yè)的過(guò)程中總是會(huì)有大量的空格出現(xiàn),大大提高了網(wǎng)頁(yè)的體積,一般100KB大小的網(wǎng)頁(yè),空格所占的空間大概在15KB左右,也就是說(shuō)去除空格我們可以將網(wǎng)頁(yè)體積縮小15%,這對(duì)于網(wǎng)頁(yè)的打開(kāi)速度無(wú)疑是大有裨益的。
優(yōu)化網(wǎng)頁(yè)方法技巧二:用好html標(biāo)簽重定義,精簡(jiǎn)代碼
Html標(biāo)簽重定義比Class要節(jié)省頁(yè)面代碼。html里常見(jiàn)的標(biāo)簽有span、u、i、small、big、cite等,我們都可以用到頁(yè)面中,然后在Css文件重定義樣式。例如:如果是需要三個(gè)div才達(dá)到的效果,用 i、span、p三個(gè)標(biāo)簽就能很簡(jiǎn)潔達(dá)到,根本不用class和div。
優(yōu)化網(wǎng)頁(yè)方法技巧三:減少網(wǎng)頁(yè)對(duì)javascript的依賴
Javascript對(duì)搜索引擎是很不友好的。網(wǎng)頁(yè)中大量的javascript將影響蜘蛛對(duì)頁(yè)面的抓取和增加網(wǎng)頁(yè)體積。尤其是導(dǎo)航欄的制作過(guò)程中,盡量采用DIV+CSS的設(shè)計(jì)方法。
優(yōu)化網(wǎng)頁(yè)方法技巧四:做好網(wǎng)頁(yè)圖片優(yōu)化
對(duì)于圖片來(lái)說(shuō),圖片在網(wǎng)站的美觀效果占有很大的重要性,我們可以根據(jù)以下的方式來(lái)進(jìn)行對(duì)圖片優(yōu)化。
1、盡量縮小圖片的大小,采用jpg格式比較合適,還有盡量壓縮圖片內(nèi)存,避免占據(jù)網(wǎng)站空間,影響下載速度。
2、圖片要試用alt屬性,讓搜索引擎識(shí)別圖片內(nèi)容。
3、圖片要清新,還要與文章內(nèi)容所相關(guān)。
優(yōu)化網(wǎng)頁(yè)方法技巧五:按內(nèi)容相關(guān)性,分Div塊
頁(yè)面先分大區(qū)塊,然后再細(xì)分。青島做網(wǎng)站的網(wǎng)站頁(yè)面按頂部、導(dǎo)航、左側(cè)、右側(cè)、底部,分長(zhǎng)不同大Div。然后每個(gè)大Div中又可以根據(jù)相關(guān)性進(jìn)行細(xì)分。這樣的網(wǎng)頁(yè),搜索引擎對(duì)頁(yè)面層次非常容易理解,正確劃分邏輯區(qū)塊,是代碼優(yōu)化非常關(guān)鍵的步驟!
優(yōu)化網(wǎng)頁(yè)方法技巧六:盡量不要使用內(nèi)嵌式CSS
內(nèi)嵌式CSS分為在head區(qū)域的普通內(nèi)嵌式和在標(biāo)簽內(nèi)出現(xiàn)的行內(nèi)內(nèi)嵌式css,不管是哪一種都會(huì)增大頁(yè)面的體積。盡量使用外調(diào)式的CSS以減小網(wǎng)頁(yè)體積。
優(yōu)化網(wǎng)頁(yè)方法技巧七:對(duì)網(wǎng)頁(yè)進(jìn)行GZIP壓縮
這個(gè)功能需要服務(wù)器控件的支持。GZIP壓縮一般能對(duì)網(wǎng)頁(yè)進(jìn)行30%-80%的壓縮,是最重要的一種優(yōu)化效果。