企業(yè)與個(gè)人網(wǎng)絡(luò )營(yíng)銷(xiāo)一站式服務(wù)商
網(wǎng)站建設 / SEO優(yōu)化排名 / 小程序開(kāi)發(fā) / OA
0731-88571521
136-3748-2004
136-3748-2004
一、合并網(wǎng)站資源
為什么在高并發(fā)的時(shí)候，鐵道部車(chē)票預訂網(wǎng)站會(huì )如此不給力呢？有好事者對此網(wǎng)站進(jìn)行了深入分析，大致結論是，網(wǎng)站在提交訂單時(shí)向服務(wù)器發(fā)送的請求太多，加上本來(lái)瞬間訪(fǎng)問(wèn)流量就很大，所以導致訪(fǎng)問(wèn)請求堵塞。其實(shí)這個(gè)問(wèn)題在很多網(wǎng)站上都存在，尤其是中小公司的企業(yè)網(wǎng)站。知道了問(wèn)題的所在，解決起來(lái)也就得心應手了，應對的辦法就是減少想服務(wù)器頻發(fā)發(fā)送請求，而合并資源就是最為有效的一種方式。這樣雖然同一個(gè)調用文件每次加載的時(shí)間會(huì )適當延長(cháng)，但是上行下載的次數減少了，提高了代碼運行效率。
一般的網(wǎng)站需要外部加載到資源大致有三種，分別是CSS樣式表、JS腳本程序以及圖片素材。而這個(gè)三個(gè)均可以進(jìn)行適當合并，最大程度上降低網(wǎng)站的請求次數。CSS只要目的是控制網(wǎng)站樣式的，如果將所有的CSS合并到一個(gè)文件上，一定要將其置于<head>元標簽內，其目的是讓網(wǎng)站首先加載CSS。JS以及其它的一些腳本程序，是為了實(shí)現網(wǎng)頁(yè)的某些特效而編寫(xiě)的，調用位置可以適當靠后，但是需要明白的是，JS不同于CSS并不是所有的JS都可以合并到一起，引用位置也很關(guān)鍵，否則可能會(huì )導致網(wǎng)站一些功能失效。圖片素材合并多見(jiàn)于網(wǎng)站背景，通過(guò)二維坐標調用圖片，但是需要注意即便如此，合并后的圖片大小也要控制在2M以?xún)�，否則會(huì )因加載時(shí)間過(guò)長(cháng)帶來(lái)不好的用戶(hù)體驗。
二、壓縮網(wǎng)頁(yè)元素
如果網(wǎng)站資源本來(lái)就很大，通過(guò)合并可以減少時(shí)間的，但是仍舊無(wú)法從根本上解決問(wèn)題。因為合并網(wǎng)站資源的主要是減少客戶(hù)端向服務(wù)器的請求次數，網(wǎng)站資源大小是絲毫沒(méi)有變化的。所以對網(wǎng)頁(yè)元素進(jìn)行必要壓縮，是提升網(wǎng)站訪(fǎng)問(wèn)速度的另一個(gè)捷徑。壓縮網(wǎng)頁(yè)元素第一種方法是重寫(xiě)網(wǎng)站代碼，要知道采用DIV+CSS布局網(wǎng)站程序，會(huì )比Table布局可以減少不少代碼。未來(lái)當HTML5技術(shù)普及后，網(wǎng)站代碼容積會(huì )得到進(jìn)一步壓縮，避免代碼冗余是減少網(wǎng)站體積的一個(gè)絕好方法，尤其是刪除一些不必要的費碼。
現在很多網(wǎng)站加載速度慢，與網(wǎng)站所是用的圖片素材過(guò)大有直接關(guān)系。如沒(méi)有特殊要求，但就顯示而言網(wǎng)站圖片顯示分辨率控制在72dpi可以，即使是圖片顯示質(zhì)量稍許差些，總比半天無(wú)法加載帶給用戶(hù)的感覺(jué)要好很多。所以，如果可能請將網(wǎng)站圖片大小控制在200Kb以下，在網(wǎng)站上盡可能少用一些高分辨率高質(zhì)量的圖片素材。通過(guò)服務(wù)器開(kāi)啟Gzip壓縮，也是降低網(wǎng)頁(yè)體積的一個(gè)好辦法，筆者就有親身體驗，50K左右大小的網(wǎng)頁(yè)，開(kāi)啟Gzip壓縮后可以控制在10K左右。網(wǎng)頁(yè)壓縮率達到60%以上，這樣網(wǎng)站運行快速如飛就不足為奇了。
三、調整代碼位置
代碼位置也會(huì )影響到網(wǎng)站加載速度？答案是肯定的，我們舉個(gè)簡(jiǎn)單的例子，現在很多網(wǎng)站都有統計程序。其大多通過(guò)調用外部js實(shí)現，一般都是將統計程序置于網(wǎng)站底部，其目的是避免因站外JS加載速度太慢，影響到整個(gè)網(wǎng)站的用戶(hù)體驗。這就很明顯了，如果將一些體積大的腳本程序放置在網(wǎng)頁(yè)的頭部，勢必會(huì )拖慢真個(gè)網(wǎng)站加載速度的。調整網(wǎng)站代碼位置有兩個(gè)需要堅持的原則，其一是網(wǎng)站外部調用的代碼盡可能的放置在后面加載，因為外部代碼具有不可控性；其二是，提及比較大的腳本程序放置在程序后面加載，尤其是一些JS程序，在不影響網(wǎng)站效果的情況下，請盡可能調整到其它代碼后面加載執行。
還有一個(gè)問(wèn)題雖與代碼位置無(wú)關(guān)，但是也是很容易被很多程序人員忽視的，就是網(wǎng)頁(yè)的渲染問(wèn)題。比如我們CSS代碼里面有個(gè)<style="border:none">和<style="border:0">,在頁(yè)面視覺(jué)表現形式上兩個(gè)沒(méi)有任何區別，但是對于瀏覽器解釋渲染是有區別的。<style="border:none">代表著(zhù)不存在邊框，不需要進(jìn)行邊框渲染，但是<style="border:0">說(shuō)明有邊框，只是邊框的寬度是0而已，實(shí)際上瀏覽器在解釋代碼的時(shí)候，會(huì )進(jìn)行一次也沒(méi)渲染。類(lèi)似的還有網(wǎng)站圖片大小的控制，很多程序員認為如果圖片尺寸剛好與標準一致，就不需要對圖片的高度和寬度需要定義，這樣做會(huì )讓代碼足夠簡(jiǎn)潔，其實(shí)這樣理解是錯誤的，沒(méi)有定義就意味著(zhù)瀏覽器要自行識別然后渲染展現，而這一過(guò)程是需要時(shí)間的。
湘公網(wǎng)安備 43010302000270號 統一社會(huì )信用代碼：92430103MA4LAMB24R 網(wǎng)站ICP備案號：湘ICP備13006070號-2 
