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