777婷婷天堂综合区色吧,激情图区视频区,日本偷拍资源站,国产精品综合久久九

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

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

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

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

  

 

  這樣就把可以20變?yōu)?一個連接數,除了降低連接數,可以加快網頁的加載圖片,這兒我建議您保存為png-8格式化,因為它同比gif,jpg,png-32要更小,更小就意味著你加載頁面的速度快,用戶可以更快的看到你網站的內容,一石兩鳥。

  學一下如何調用這些圖片:

  比如要調用會員登錄這個圖標

  頁面上:

<a class="login" heft="#"> 會員登錄</a>

  CSS上:

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

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

  這樣就完成了對圖標的調用,是不是很簡單啊,趕快學一下吧。

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

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

  頁面上:

<p><a class=”login” heft=“#”> 會員登錄</a><a class=”reg” heft=“#”> 會員注冊</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;}

  改進后

.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連接數,會把CSS代碼直接寫在首頁的《style》***《/style》,這種情況適合像百度,163,淘寶這種重量級的。

  常用的寫法是  

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

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

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

  

@import url("common.css");

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

  因為在加載首頁就會把common.css保存下,當第二次用戶訪問就直接調用本地的緩存,從而加快速度。

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

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

  文字連接的JS調用:

  

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

  圖片鏈接的文字調用:

  

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

  因為JS會把本來1行的代碼變成了三,四行,增加了一些不必要的代碼,還增加了下載請求。

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

  以上只是我一些經驗,希望能為廣大站長提供幫助,寫的并不好,希望大家理解。




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