1、網(wǎng)站建設(shè)要盡量使用GBK或者GB2312編碼:網(wǎng)站制作的編碼一般決定了網(wǎng)站的編碼,那么網(wǎng)站建設(shè)一般使用什么編碼呢?目前網(wǎng)站編碼一般以UTF-8和GBK為主,UTF-8是用以解決國際上字符的一種多字節(jié)編碼,它對(duì)英文使用8位(即一個(gè)字節(jié)),中文使用24為(三個(gè)字節(jié))來編碼。UTF-8包含全世界所有國家需要用到的字符,是國際編碼,通用性強(qiáng)。UTF-8編碼的文字可以在各國支持UTF8字符集的瀏覽器上顯示,無需下載瀏覽器的中文語言支持包。而GBK是在國家標(biāo)準(zhǔn)GB2312基礎(chǔ)上擴(kuò)容后兼容GB2312的標(biāo)準(zhǔn)的編碼,是用雙字節(jié)來表示的,即不論中、英文字符均使用雙字節(jié)來表示,GBK包含全部中文字符,是國家編碼,通用性比UTF8差,不過UTF-8占用的體積比GBK大。所以如果不是特殊網(wǎng)站,建議使用GBK編碼建站,以便減少網(wǎng)站體積,縮短網(wǎng)站加載時(shí)間。
2、網(wǎng)站建設(shè)盡量壓縮HTML、CSS、JavaScript等:網(wǎng)站建設(shè)應(yīng)該以用戶體驗(yàn)為中心,為了網(wǎng)頁加載的更快,為了用戶訪問更順暢,為了搜索引擎更喜歡,我們完全有必要對(duì)HTML、CSS、JavaScript等進(jìn)行壓縮,把所有的HTML、CSS、JavaScript在運(yùn)行前都?jí)嚎s成一行,清除注釋標(biāo)記、換行符、空格、制表符等。這樣的做法帶來的一個(gè)直接的好處是減小了頁面體積,提高了用戶端加載網(wǎng)頁的速度。如果有必要,也可以在服務(wù)器端開啟gzip壓縮,這樣就能更大幅度地縮短代碼加載時(shí)間。
3、網(wǎng)站建設(shè)盡量使用DIV+CSS布局:目前主流的網(wǎng)站建設(shè)布局大多以DIV+CSS為主,DIV+CSS區(qū)別于傳統(tǒng)的表格框定的形式,采用以"區(qū)塊"為結(jié)構(gòu)的定位形式,用最簡(jiǎn)潔的代碼實(shí)現(xiàn)精準(zhǔn)的定位,這樣就提高了搜索引擎蜘蛛的爬行效率,對(duì)收錄質(zhì)量有一定好處。同時(shí),由于將大部分頁面代碼寫在了CSS當(dāng)中,使得頁面體積容量變得更小,相對(duì)于表格嵌套的方式,DIV+CSS將頁面獨(dú)立成更多的區(qū)域,在打開頁面的時(shí)候逐層加載,相對(duì)于表格嵌套那樣將整個(gè)頁面圈在一個(gè)大表格里的方式,頁面加載速度更快。
4、網(wǎng)站制作盡量用小圖片:網(wǎng)頁打開之所以很慢,很多原因是網(wǎng)頁上圖片過多過大造成的。圖片多就會(huì)使瀏覽網(wǎng)站時(shí)需要下載的文件體積就增大。同時(shí),每一個(gè)圖片下載都會(huì)對(duì)服務(wù)器有一個(gè)http請(qǐng)求,增大了瀏覽器與服務(wù)端的交互次數(shù)。如果能把純色的部分或純色的背景用css來寫,而不因?yàn)槭∈轮苯忧袌D,不僅能減少網(wǎng)站加載的體積,而且也減少了對(duì)服務(wù)器請(qǐng)求的次數(shù),就會(huì)有助于提高網(wǎng)站的打開速度?傮w上,網(wǎng)站建設(shè)要把握一個(gè)原則,能用css寫的,堅(jiān)決不要用圖片。但是網(wǎng)站建設(shè)的某些效果實(shí)在是離不開圖片,這種情況下,我們鄭州網(wǎng)站建設(shè)公司認(rèn)為如果遇到有漸變色的背景或有規(guī)律的背景,可以沿著與漸變色相同方向切一個(gè)像素的條紋或切取相同的部分,用css中background的repeat-x或repeat-y來自動(dòng)填充。
5、網(wǎng)站建設(shè)盡量壓縮圖片體積:在切割效果圖的過程中,對(duì)于圖片的保存格式也有講究,一般來說,用圖像工具(如photoshop)制作的色彩絢麗的按鈕或圖標(biāo)一般都存成png格式,而用相機(jī)拍攝的風(fēng)景或人物、物體圖像多用jpg格式保存,gif一般用來存儲(chǔ)含有簡(jiǎn)單動(dòng)畫效果的圖像,另外需要注意一點(diǎn)的是,如果圖片中使用了透明效果,要存儲(chǔ)成png-8的格式,png的其他格式要么不支持透明,要么保存時(shí)文件要大很多,png-8是”性價(jià)比”最高的。對(duì)于用作背景或襯托效果的顏色較多的圖片,保存圖片時(shí)盡可能從清晰度和圖片大小中找到一個(gè)平衡,既保證圖片盡可能小又不失真,盡量不要不壓縮圖片直接放上去,然后靠width和height來進(jìn)行限制,這樣做很不專業(yè)。
6、網(wǎng)站建設(shè)使用CSS Sprites技術(shù):網(wǎng)站建設(shè)中的圖片加上ALT能對(duì)網(wǎng)站優(yōu)化起到很好的效果,但是網(wǎng)站的背景對(duì)網(wǎng)站優(yōu)化就沒有用處了,而且網(wǎng)站背景圖片往往數(shù)量比較多。這樣一來,訪問網(wǎng)站的時(shí)候?qū)Ψ⻊?wù)器的請(qǐng)求數(shù)就會(huì)增加,網(wǎng)站打開速度自然變慢。CSS Sprites技術(shù)正好能解決這一問題,它允許你將一個(gè)頁面涉及到的所有零星圖片都包含到一張大圖中去,再利用CSS的“background-image”,“background- repeat”,“background-position”的組合進(jìn)行背景定位,background-position可以用數(shù)字精確的定位出背景圖片的位置。這樣一來,當(dāng)訪問該頁面時(shí),載入的圖片就不會(huì)像以前那樣一幅一幅地慢慢顯示出來了,這樣就大大減少了背景圖片加載的總時(shí)間。