一、網(wǎng)站圖片優(yōu)化
圖片我想是每個網(wǎng)站必備的,不然審美觀上過不去;小圖標,背景圖,登錄框等等。當訪問一張頁面時,每一張圖片都是一樣連結數(shù),如果你的首頁有20張的小圖,那就是一個用戶訪問時,要占有用20個連接數(shù),2千人同時在線時,恐怖啊。
解決圖片問題就是把所有的小圖集成到一個大圖里面,如下圖:
這樣就把可以20變?yōu)?一個連接數(shù),除了降低連接數(shù),可以加快網(wǎng)頁的加載圖片,這兒我建議您保存為png-8格式化,因為它同比gif,jpg,png-32要更小,更小就意味著你加載頁面的速度快,用戶可以更快的看到你網(wǎng)站的內容,一石兩鳥。
學一下如何調用這些圖片:
比如要調用會員登錄這個圖標
頁面上:
<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;}
這樣就完成了對圖標的調用,是不是很簡單啊,趕快學一下吧。
二、網(wǎng)站的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連接數(shù),會把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保存下,當?shù)诙斡脩粼L問就直接調用本地的緩存,從而加快速度。
三、網(wǎng)站的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,圖片這些大量文件放到新的服務器。這是種方法能起到治本的效果。
以上只是我一些經(jīng)驗,希望能為廣大站長提供幫助,寫的并不好,希望大家理解。
長沙科聯(lián)環(huán)?萍加邢薰
長沙科聯(lián)環(huán)?萍加邢薰咀溆趪壹夐L沙經(jīng)濟技術開發(fā)區(qū),星沙工業(yè)園、我們以“科技創(chuàng)新,聯(lián)合共...南京尚上防腐木
南京尚上防腐木是一家專業(yè)致力于加工、制作、銷售戶外景觀防腐木,并為客戶設計安裝一站式服務的現(xiàn)...長沙昱霆機電有限公司
長沙昱霆機電有限公司是長沙空壓機_長沙空壓機保養(yǎng)_湖南空壓機維修_長沙空壓機機頭維修-長沙昱...湖南省土地學會,湖南土地學會,湖南土地學會官網(wǎng)
湖南省土地學會是全省土地科技工作者自愿組成,并依法登記的學術性、非盈利性、公益性的法人社會團...湖南為美環(huán)保技術有限公司,醫(yī)療污水凈化機組...
湖南為美環(huán)保技術有限公司應“綠水青山就是金山銀山”之勢而生,秉持“為民環(huán)保,美麗干凈”理想信...長沙租車公司-長沙鑫晨租車
長沙鑫晨租車(長沙租車網(wǎng))于2008年,已精工細作多年。現(xiàn)以成為長沙地區(qū)較早的租車公司之一。...聯(lián)系方式
地址:湖南省長沙市天心區(qū)韶山南路248號南園503室
電話:13637482004 0731-88571521
網(wǎng)址:http://sh-klkm.com/
郵箱:123@123007.com
微信咨詢
掃一掃進移動端