1.技術(shù)優(yōu)化:
技術(shù)優(yōu)化主要分為代碼優(yōu)化、目錄結(jié)構(gòu)優(yōu)化和針對(duì)搜索引擎的優(yōu)化三個(gè)部分。這一部分的優(yōu)化工作主要是由網(wǎng)站開(kāi)發(fā)人員測(cè)試提出方案完成的，而且有一定的規(guī)則，所以相對(duì)要簡(jiǎn)單一些只是時(shí)間問(wèn)題。
(1)代碼優(yōu)化:
代碼優(yōu)化主要解決的問(wèn)題就是頁(yè)面瀏覽速度和適應(yīng)性的問(wèn)題。文字和圖片是構(gòu)成頁(yè)面的兩個(gè)主要因素，所以我們的優(yōu)化也要從文字和圖片開(kāi)始。文字我們?cè)谥谱黜?yè)面的時(shí)候基本上都是定義好的一般使用宋體和12px，隨著代碼的標(biāo)準(zhǔn)化字體的樣式大小等等的指定應(yīng)該使用css樣式表來(lái)完成，而現(xiàn)在被廣泛應(yīng)用的< h1 >< /h1 >、< font size=×× color=×× >< /font >等等標(biāo)簽都是不標(biāo)準(zhǔn)的，也會(huì)慢慢被css取代，現(xiàn)在很多大型的網(wǎng)站包括各個(gè)門戶網(wǎng)站像是這樣不標(biāo)準(zhǔn)的問(wèn)題還是廣泛存在幾乎每個(gè)頁(yè)面都會(huì)有，所以css樣式表是我們?cè)趦?yōu)化過(guò)程中應(yīng)該注意檢查的問(wèn)題(其實(shí)這個(gè)問(wèn)題應(yīng)該是在頁(yè)面制作的時(shí)候就解決的)。圖片問(wèn)題主要存在size過(guò)大的問(wèn)題，在這里我們把圖片的優(yōu)化歸在代碼優(yōu)化一部分一起介紹而不另分一類，是因?yàn)閳D片優(yōu)化與代碼內(nèi)容優(yōu)化的目的是一樣的。網(wǎng)頁(yè)中一般應(yīng)用兩種格式的圖片jpeg和gif，這兩種圖片的應(yīng)用很多人把握的并不是很好，jpeg適用于顏色比較多、構(gòu)成比較復(fù)雜的圖片(比如一些照片、漸變顏色等等)，gif適用于顏色比較少、構(gòu)成比較簡(jiǎn)單的圖片(比如網(wǎng)站的logo、大的色塊構(gòu)成的圖片等等)。Gif圖片尤其要注意導(dǎo)出的時(shí)候選擇顏色數(shù)目這樣也會(huì)達(dá)到很好的減小尺寸的效果。對(duì)于一些比較大的圖片我們還可以將它切割成比較小的圖片進(jìn)行拼接這樣也可以提高網(wǎng)頁(yè)的下載速度。減小網(wǎng)頁(yè)size提高網(wǎng)頁(yè)下載速度還有一種簡(jiǎn)易的方法就是使用一些網(wǎng)頁(yè)的小工具，我們可以去下載一些這樣的工具他們可以使你的網(wǎng)頁(yè)縮小20%～50%達(dá)到事半功倍的效果。表格是頁(yè)面最重要的排版方式，在瀏覽器讀取網(wǎng)頁(yè)代碼的時(shí)候，必須讀完一個(gè)完整的table才會(huì)顯示出來(lái)，
如果一個(gè)大的table里邊含有很多小的table那么瀏覽器會(huì)在讀完整個(gè)大的table才將整個(gè)的內(nèi)容顯示出來(lái)。我們?cè)跒g覽一些頁(yè)面的時(shí)候經(jīng)常會(huì)出現(xiàn)頁(yè)面半天才會(huì)顯示出來(lái)，最后是在等不及了按了"停止"按鈕，頁(yè)面一下子顯示出來(lái)了，這就是在一些小的table外邊嵌套了一個(gè)大的table，而小table已經(jīng)讀完了就是還沒(méi)讀完整個(gè)的table瀏覽器不會(huì)顯示，這樣會(huì)大大減慢頁(yè)面瀏覽速度。因此我們要盡量減少表格層次，盡量避免將一些小的表格嵌套在大的表格中間。還應(yīng)該注意的是在使用dreamweaver制作網(wǎng)頁(yè)的時(shí)候經(jīng)常會(huì)出現(xiàn)很多垃圾代碼，注意檢查刪除一些沒(méi)有用的代碼。網(wǎng)頁(yè)的適應(yīng)性就是在不同系統(tǒng)、不同瀏覽器和不同分辨率的適應(yīng)能力。要注意的是分辨率，應(yīng)該最低照顧到800×600的用戶(分辨率800×600的顯示尺寸780×428、分辨率1024×768的顯示尺寸1007×600)，所以頁(yè)面最寬不要超過(guò)780，一定不要讓用戶橫向拖頁(yè)面。
如果一個(gè)大的table里邊含有很多小的table那么瀏覽器會(huì)在讀完整個(gè)大的table才將整個(gè)的內(nèi)容顯示出來(lái)。我們?cè)跒g覽一些頁(yè)面的時(shí)候經(jīng)常會(huì)出現(xiàn)頁(yè)面半天才會(huì)顯示出來(lái)，最后是在等不及了按了"停止"按鈕，頁(yè)面一下子顯示出來(lái)了，這就是在一些小的table外邊嵌套了一個(gè)大的table，而小table已經(jīng)讀完了就是還沒(méi)讀完整個(gè)的table瀏覽器不會(huì)顯示，這樣會(huì)大大減慢頁(yè)面瀏覽速度。因此我們要盡量減少表格層次，盡量避免將一些小的表格嵌套在大的表格中間。還應(yīng)該注意的是在使用dreamweaver制作網(wǎng)頁(yè)的時(shí)候經(jīng)常會(huì)出現(xiàn)很多垃圾代碼，注意檢查刪除一些沒(méi)有用的代碼。網(wǎng)頁(yè)的適應(yīng)性就是在不同系統(tǒng)、不同瀏覽器和不同分辨率的適應(yīng)能力。要注意的是分辨率，應(yīng)該最低照顧到800×600的用戶(分辨率800×600的顯示尺寸780×428、分辨率1024×768的顯示尺寸1007×600)，所以頁(yè)面最寬不要超過(guò)780，一定不要讓用戶橫向拖頁(yè)面。
(2)目錄結(jié)構(gòu)優(yōu)化:
現(xiàn)在很多網(wǎng)站都將所有的頁(yè)面零散的放在同一個(gè)文件夾下而沒(méi)有分類，這樣做雖然可以但是會(huì)對(duì)以后的維護(hù)等工作帶來(lái)很大的麻煩。我建議應(yīng)該是建立一個(gè)大文件夾，里邊包括各個(gè)頻道的文件夾、網(wǎng)頁(yè)頁(yè)面圖片文件夾、網(wǎng)頁(yè)內(nèi)容圖片文件夾等等一個(gè)一個(gè)的單獨(dú)類別的文件夾，使得在維護(hù)時(shí)候可以方便的找到每一個(gè)頁(yè)面的具體位置。
(3)針對(duì)搜索引擎的優(yōu)化:
搜索引擎優(yōu)化是很多人都知道的一種優(yōu)化項(xiàng)目，也是完整的優(yōu)化工作必不可少的一個(gè)步驟。
"關(guān)鍵字"在搜索引擎這個(gè)話題里是一個(gè)核心的字眼，幾乎所有的針對(duì)搜索引擎優(yōu)化問(wèn)題都是圍繞著"關(guān)鍵字"展開(kāi)的。有很多人盲目的追求在網(wǎng)頁(yè)中處處體現(xiàn)關(guān)鍵字，覺(jué)得這樣就會(huì)更容易被搜索引擎搜到，其實(shí)這樣做并不一定合適。比如前一陣子流行過(guò)的"鬼影秘笈"，方法就是用和網(wǎng)頁(yè)背景相同的顏色在頁(yè)面中隱藏了很多關(guān)鍵字，很多人現(xiàn)在還在用這個(gè)方法，但是隨著搜索引擎功能越來(lái)越強(qiáng)大這個(gè)方法已經(jīng)不那么好用了，甚至?xí)鸬椒醋饔谩?關(guān)鍵字"的體現(xiàn)要合理，比如我們可以制作一個(gè)"網(wǎng)站導(dǎo)航"的頁(yè)面，網(wǎng)站導(dǎo)航頁(yè)面會(huì)淋漓盡致的體現(xiàn)各個(gè)關(guān)鍵字，這個(gè)頁(yè)面不但方便用戶使用也會(huì)更容易的被搜索引擎找到起到事半功倍的作用。
【 微信掃一掃 】
