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