精品久久av,四虎影院在线观看免费,天天亚洲,欧美WW

企業(yè)與個(gè)人網(wǎng)絡(luò)營銷一站式服務(wù)商
網(wǎng)站建設(shè) / SEO優(yōu)化排名 / 小程序開發(fā) / OA
0731-88571521
136-3748-2004
做網(wǎng)站怎樣通過頁面結(jié)構(gòu)給服務(wù)器降低壓力的一點(diǎn)經(jīng)驗(yàn)
信息來源:長沙做網(wǎng)站   發(fā)布時(shí)間:2011-5-26   瀏覽:

  一、網(wǎng)站圖片優(yōu)化

  圖片我想是每個(gè)網(wǎng)站必備的,不然審美觀上過不去;小圖標(biāo),背景圖,登錄框等等。當(dāng)訪問一張頁面時(shí),每一張圖片都是一樣連結(jié)數(shù),如果你的首頁有20張的小圖,那就是一個(gè)用戶訪問時(shí),要占有用20個(gè)連接數(shù),2千人同時(shí)在線時(shí),恐怖啊。

  解決圖片問題就是把所有的小圖集成到一個(gè)大圖里面,如下圖:

  

 

  這樣就把可以20變?yōu)?一個(gè)連接數(shù),除了降低連接數(shù),可以加快網(wǎng)頁的加載圖片,這兒我建議您保存為png-8格式化,因?yàn)樗萭if,jpg,png-32要更小,更小就意味著你加載頁面的速度快,用戶可以更快的看到你網(wǎng)站的內(nèi)容,一石兩鳥。

  學(xué)一下如何調(diào)用這些圖片:

  比如要調(diào)用會(huì)員登錄這個(gè)圖標(biāo)

  頁面上:

<a class="login" heft="#"> 會(huì)員登錄</a>

  CSS上:

.login{background:url("圖片.png") 0 -100px no-repeat; height:30px; width:50px;}<!— 0 -100px;指圖片所在的位置。Height和width是圖標(biāo)長寬看圖標(biāo)大小而定-->

  .login{background:url("圖片.png") 0 -100px no-repeat; height:30px; width:50px;}

  這樣就完成了對(duì)圖標(biāo)的調(diào)用,是不是很簡單啊,趕快學(xué)一下吧。

  二、網(wǎng)站的CSS優(yōu)化

  在CSS優(yōu)化了,除了降低css大小,像marin,padding,font等一些常用的縮寫外面。像上面所有說的backgroud這個(gè)也是可以簡寫的。如下;

  頁面上:

<p><a class=”login” heft=“#”> 會(huì)員登錄</a><a class=”reg” heft=“#”> 會(huì)員注冊(cè)</a><a class=”sell” heft=“#”> 我要賣車</a><a class=”buy” heft=“#”> 我要買車</a></p>

 

  CSS上:

.login{background: url("../images/圖片.png") 0 -100px no-repeat; height:30px; width:50px;}
.reg{background: url("../images/圖片.png") 0 -100px no-repeat; height:30px; width:50px;}
.sell{background: url("../images/圖片.png") 0 -100px no-repeat; height:30px; width:50px;}
.buy{background: url("../images/圖片.png") 0 -100px no-repeat; height:30px; width:50px;}

  改進(jìn)后

.Login,.reg,.sell,.buy{background: url("圖片.png") no-repeat; }<1

.Login{background-position: 0 -100px;}

.reg{background-position: 0 -100px;}

.sell{background-position: 0 -100px;}

.buy{background-position: 0 -100px;}

  這是css的簡寫上,可以減少CSS文件大小。

  為了降低CSS連接數(shù),會(huì)把CSS代碼直接寫在首頁的《style》***《/style》,這種情況適合像百度,163,淘寶這種重量級(jí)的。

  常用的寫法是  

<link href="css/index.css" rel="stylesheet" type="text/css" />

<link href="css/top.css" rel="stylesheet" type="text/css"/>

  我們可以把共用的頭部樣式寫到一個(gè)common.css里面,然后在首頁里的index.css里面

  

@import url("common.css");

  注意:不要在@import url("common.css");又導(dǎo)入@import url("common1.css");這樣在效果上適得其反。

  因?yàn)樵诩虞d首頁就會(huì)把common.css保存下,當(dāng)?shù)诙斡脩粼L問就直接調(diào)用本地的緩存,從而加快速度。

  三、網(wǎng)站的JS優(yōu)化

  為了便于管理,很多人在寫JS時(shí),只要是廣告就會(huì)用JS來代替,代碼如下;

  文字連接的JS調(diào)用:

  

<script language="javascript">document.write("<a href='#' target='_blank'>會(huì)員廣告鏈接</a>");</script>
會(huì)員廣告鏈接

  圖片鏈接的文字調(diào)用:

  

<script language="javascript">document.write("<a href='#' target='_blank'><img src='abc.jpg‘ /></a>");</script>

  因?yàn)镴S會(huì)把本來1行的代碼變成了三,四行,增加了一些不必要的代碼,還增加了下載請(qǐng)求。

  總結(jié):這是針對(duì)短期內(nèi)來的高流量,等高流量穩(wěn)定長漲后,收入增加了,可以買臺(tái)服務(wù)器把CSS,JS,圖片這些大量文件放到新的服務(wù)器。這是種方法能起到治本的效果。

  以上只是我一些經(jīng)驗(yàn),希望能為廣大站長提供幫助,寫的并不好,希望大家理解。




上一條: 網(wǎng)站做好之后 提高多個(gè)關(guān)鍵詞排名你可以這么做
下一條: 做好網(wǎng)站后怎么辦 電商圈排名下降原因分析
案例鑒賞
多年的網(wǎng)站建設(shè)經(jīng)驗(yàn),斌網(wǎng)網(wǎng)絡(luò)不斷提升技術(shù)設(shè)計(jì)服務(wù)水平,迎合搜索引擎優(yōu)化規(guī)則
網(wǎng)絡(luò)營銷
多年的網(wǎng)站建設(shè)經(jīng)驗(yàn),網(wǎng)至普不斷提升技術(shù)設(shè)計(jì)服務(wù)水平,迎合搜索引擎優(yōu)化規(guī)則
長沙私人做網(wǎng)站    長沙做網(wǎng)站    深圳網(wǎng)站建設(shè)    株洲做網(wǎng)站    東莞做網(wǎng)站    南京防腐木    湖南大拇指養(yǎng)豬設(shè)備    株洲做網(wǎng)站    
版權(quán)所有 © 長沙市天心區(qū)斌網(wǎng)網(wǎng)絡(luò)技術(shù)服務(wù)部    湘公網(wǎng)安備 43010302000270號(hào)  統(tǒng)一社會(huì)信用代碼:92430103MA4LAMB24R  網(wǎng)站ICP備案號(hào):湘ICP備13006070號(hào)-2