中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

高性能網(wǎng)站建設(shè)之減少Http連接數(shù)

2023-08-26    分類: 網(wǎng)站建設(shè)

在對大訪問量網(wǎng)站進行性能優(yōu)化時,其中有一點是盡量減少http連接數(shù),道理很明了,減少了單個PV的http連接數(shù),肯定可以增加單臺服務(wù)器的用戶負(fù)載數(shù)。

減少Http連接數(shù)的具體方法是減少沒必要的iframe使用,合并js文件,css文件,和一種常見的方法,合并Css小背景圖,合并Css小背景圖這一點已經(jīng)有很多大網(wǎng)站都在做了,比如淘寶,百度貼吧,他們頁面上看似有很多小的背景圖片,而實際上這些圖片都被合并成了一張大圖,然后用Css的Background-positioin屬性控制顯示背景圖片的位置。這一點是很有效的,例如百度貼吧的一張背景圖如下

大家可以看到,百度的技術(shù)人員把n張小圖合并到了一張圖片上,而通過css控制在頁面上單獨顯示每一個小圖。這樣每一個用戶訪問就相當(dāng)于減少了n-1個http連接數(shù),這對于訪問量大的網(wǎng)站來說,吞吐量的提升是顯而易見的。
具體的Css是這樣的,以下面的頁面顯示的紅框部分為例,和上面的大圖對比,我們可以看到下面顯示的小圖片其實就是上面大背景圖的倒數(shù)第4個圖片,具體的css代碼如下(可以通過firefox安裝firebug插件或者通過個google瀏覽器查看元素的css)

background-image: src="/upload/pic22/sprites.png);
background-repeat: no-repeat;
background-position-x: 7px;
background-position-y: -253px;

其關(guān)鍵代碼在于background-position-y,這里是負(fù)值,表示背景圖的左上角的縱坐標(biāo)值x減去背景開始顯示的位置的縱坐標(biāo)。

這個優(yōu)化方式很好,但是做起來卻比較費事,做出小圖后需要把小圖整合到一張大圖上,然后再調(diào)整css中的背景位置。鑒于此,做了一個生成工具---Css背景圖合并工具,可以幫助大家完成整合小圖,并生成對應(yīng)css和html測試文檔的工作,如下截屏:
可以調(diào)整小圖橫排還是縱排,選中下圖可以生成該小圖所在位置的css,css可以根據(jù)需要自己調(diào)整。
最后可以生成測試文件,測試文件中包括整合后的大圖,這些小圖對應(yīng)的所有css,和Html測試文件,如下生成的html文件截屏。


同時這個工具也是開源的,大家可以下載源代碼CssBgImageMergeTool.zip或者下載安裝文件CssBgImageMergeTool.exe.zip; 該程序運行需要安裝微軟的類庫.net framework 2.0

希望此工具可以給大家?guī)シ奖恪?/p>

本文名稱:高性能網(wǎng)站建設(shè)之減少Http連接數(shù)
當(dāng)前URL:http://www.rwnh.cn/news2/278652.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作手機網(wǎng)站建設(shè)、動態(tài)網(wǎng)站、響應(yīng)式網(wǎng)站用戶體驗、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)
山西省| 凤凰县| 民和| 宁河县| 屏边| 德州市| 嘉峪关市| 乐清市| 石嘴山市| 双鸭山市| 湘潭市| 宝坻区| 宣化县| 铜鼓县| 天等县| 湾仔区| 徐水县| 连云港市| 乡城县| 五河县| 科尔| 兴宁市| 临沭县| 阿尔山市| 曲沃县| 蓬溪县| 龙州县| 新竹市| 靖远县| 静乐县| 德令哈市| 曲松县| 大埔区| 时尚| 博白县| 扶沟县| 江津市| 绥中县| 淮南市| 龙海市| 叶城县|