<rt id="tf2wb"><bdo id="tf2wb"><kbd id="tf2wb"></kbd></bdo></rt>
    1. <button id="tf2wb"><thead id="tf2wb"></thead></button>

      <rp id="tf2wb"><bdo id="tf2wb"></bdo></rp>
      <delect id="tf2wb"><td id="tf2wb"></td></delect>
      <rt id="tf2wb"></rt>
      <rt id="tf2wb"><bdo id="tf2wb"></bdo></rt>
    2. 企業(yè)與個(gè)人網(wǎng)絡(luò )營(yíng)銷(xiāo)一站式服務(wù)商
      網(wǎng)站建設 / SEO優(yōu)化排名 / 小程序開(kāi)發(fā) / OA
      0731-88571521
      136-3748-2004
      網(wǎng)站建設程序編寫(xiě)精益于細節
      信息來(lái)源:長(cháng)沙做網(wǎng)站   發(fā)布時(shí)間:2012-1-13   瀏覽:

      一、合并網(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)站后臺五個(gè)重要數據分析
      下一條: 網(wǎng)站升級后三個(gè)處理死鏈接的簡(jiǎn)單步驟
      案例鑒賞
      多年的網(wǎng)站建設經(jīng)驗,斌網(wǎng)網(wǎng)絡(luò )不斷提升技術(shù)設計服務(wù)水平,迎合搜索引擎優(yōu)化規則
      網(wǎng)絡(luò )營(yíng)銷(xiāo)
      多年的網(wǎng)站建設經(jīng)驗,網(wǎng)至普不斷提升技術(shù)設計服務(wù)水平,迎合搜索引擎優(yōu)化規則
      長(cháng)沙私人做網(wǎng)站    長(cháng)沙做網(wǎng)站    深圳網(wǎng)站建設    株洲做網(wǎng)站    東莞做網(wǎng)站    南京防腐木    湖南大拇指養豬設備    株洲做網(wǎng)站    
      版權所有 © 長(cháng)沙市天心區斌網(wǎng)網(wǎng)絡(luò )技術(shù)服務(wù)部    湘公網(wǎng)安備 43010302000270號  統一社會(huì )信用代碼:92430103MA4LAMB24R  網(wǎng)站ICP備案號:湘ICP備13006070號-2  
      国产精品久久久久精品|久久网国产精品色婷婷免费|国产另类小说 视频 中文字幕|亚洲欧洲日产国码在线|2020最新国产在线不卡A|无码人妻少妇久久中文字幕蜜|99国产一区二区精品久久

          <rt id="tf2wb"><bdo id="tf2wb"><kbd id="tf2wb"></kbd></bdo></rt>
        1. <button id="tf2wb"><thead id="tf2wb"></thead></button>

          <rp id="tf2wb"><bdo id="tf2wb"></bdo></rp>
          <delect id="tf2wb"><td id="tf2wb"></td></delect>
          <rt id="tf2wb"></rt>
          <rt id="tf2wb"><bdo id="tf2wb"></bdo></rt>