`
逆风的香1314
  • 浏览: 1430149 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

高性能网站建设之减少Http连接数

阅读更多
 

在对大访问量网站进行性能优化时,其中有一点是尽量减少http连接数,道理很明了,减少了单个PV的http连接数,肯定可以增加单台服务器的用户负载数。

减少Http连接数的具体方法是减少没必要的iframe使用,合并js文件,css文件,和一种常见的方法,合并Css小背景图,合并Css小背景图这一点已经有很多大网站都在做了,比如淘宝,百度贴吧,他们页面上看似有很多小的背景图片,而实际上这些图片都被合并成了一张大图,然后用Css的Background-positioin属性控制显示背景图片的位置。这一点是很有效的,例如百度贴吧的一张背景图如下

大家可以看到,百度的技术人员把n张小图合并到了一张图片上,而通过css控制在页面上单独显示每一个小图。这样每一个用户访问就相当于减少了n-1个http连接数,这对于访问量大的网站来说,吞吐量的提升是显而易见的。
具体的Css是这样的,以下面的页面显示的红框部分为例,和上面的大图对比,我们可以看到下面显示的小图片其实就是上面大背景图的倒数第4个图片,具体的css代码如下(可以通过firefox安装firebug插件或者通过个google浏览器查看元素的css)

background-image: url(http://tieba.baidu.com/tb/cms/img/index/sprites.png);
background-repeat: no-repeat;
background-position-x: 7px;
background-position-y: -253px;

其关键代码在于background-position-y,这里是负值,表示背景图的左上角的纵坐标值x减去背景开始显示的位置的纵坐标。

这个优化方式很好,但是做起来却比较费事,做出小图后需要把小图整合到一张大图上,然后再调整css中的背景位置。鉴于此,我做了一个生成工具---Css背景图合并工具,可以帮助大家完成整合小图,并生成对应css和html测试文档的工作,如下截屏: 
可以调整小图横排还是纵排,选中下图可以生成该小图所在位置的css,css可以根据需要自己调整。
最后可以生成测试文件,测试文件中包括整合后的大图,这些小图对应的所有css,和Html测试文件,如下生成的html文件截屏。
 


同时这个工具也是开源的,大家可以下载源代码CssBgImageMergeTool.zip或者下载安装文件CssBgImageMergeTool.exe.zip; 该程序运行需要安装微软的类库.net framework 2.0

希望此工具可以给大家带去方便。

 

分享到:
评论

相关推荐

    高性能网站建设指南.pdf

    不过,我可以根据标题《高性能网站建设指南.pdf》和您提供的文件信息描述,推测可能涉及的知识点,并将其详细阐述。 高性能网站建设知识点: 1. 网站性能优化基础 网站性能优化是确保网站在用户访问时能够快速响应...

    高性能网站建设实战

    "高性能网站建设实战"这本书可能涵盖了以下几个方面的内容: 1. **基础架构设计**:高性能网站的基础始于良好的架构设计。这包括选择合适的服务器硬件、操作系统、数据库管理系统,以及合理的软件架构模式,如...

    Nginx软件及Nginx高性能Web服务器详解.zip

    Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,以其高性能、高并发处理能力而被广泛应用于互联网行业。本资料主要涵盖Nginx的安装与基础配置、优化配置,以及在高级场景下的应用...

    大型网站建设资料整理

    负载均衡器可以根据不同的策略分配请求,如轮询、最少连接数、IP哈希等。 3. **分布式缓存**:缓存技术是提高大型网站性能的关键,如使用Redis或Memcached实现数据的快速读取。通过缓存热点数据,减少数据库查询,...

    网站建设专业术语

    主机托管则是将企业的服务器放置在专业的数据中心,利用数据中心的网络设施和维护服务来运行网站,这种方式适合需要更高性能和稳定性的企业。 虚拟(专用)E-mail服务允许企业在没有自己的邮件服务器的情况下,利用...

    高并发高流量网站架构设计.doc

    互联网网站建设的新趋势包括高性能、高可扩展性和高可用性等要求。高性能是指网站能够承载高并发的访问和高流量的数据传输;高可扩展性是指网站能够快速地扩展以满足将来可能的服务增长;高可用性是指网站能够长时间...

    贞龙jsp版本CMS(BIZOSSCMS)高性能内容管理系统正式版

    BIZOSS-CMS这种网站建设流程,让用户在不改变网站高效、轻便等特性的情况下还减少了总成本。 4. 流畅专业界面设计,良好的用户体验 BIZOSS-CMS的界面设计遵循国际最新W3C网页设计标准,在开发时期,我们经过IE6、IE7...

    贞龙(BIZOSSCMS)高性能内容管理系统JAVA版 v4.1.rar

    BIZOSS-CMS这种网站建设流程,让用户在不改变网站高效、轻便等特性的情况下还减少了总成本。 4. 流畅专业界面设计,良好的用户体验 BIZOSS-CMS的界面设计遵循国际最新W3C网页设计标准,在开发时期,我们经过IE6、...

    网站建设如何做好数据库优化.doc

    数据库优化是网站建设中至关重要的环节,它直接影响到网站的性能和用户体验。数据库优化主要包括SQL语句优化、索引管理、程序优化以及数据库架构调整等多个方面。 首先,SQL语句优化是基础。不当的SQL查询可能导致...

    使用负载均衡技术建设高负载的网络站点

    - **Nginx**:作为一款开源的高性能HTTP服务器和反向代理服务器,Nginx被广泛应用于负载均衡场景中。它支持多种负载均衡算法,如轮询、最少连接数等。 - **HAProxy**:这是一款免费且开放源代码的软件负载均衡器,以...

    企业应如何正确选择网站空间服务器

    网站建设不仅仅包括设计和开发,更重要的是选择合适的网站空间服务器。正确的选择不仅可以提高网站的性能,还能确保网站长期稳定运行。反之,错误的选择可能会给网站带来诸多问题,比如安全性下降、访问速度慢等,...

    LAMP系统性能调优(apache+php+mysql).pdf

    2. 调整MySQL的配置文件,如***f或者my.ini,可以针对不同环境和需求调整缓冲区大小、连接数、查询缓存等参数。 3. 定期进行查询分析,优化那些效率低下的查询语句。 4. 建立合适的表分区,如果数据量非常大,分区...

    亿级网站架构核心技术-高清PDF带书签

    书中的内容涵盖了从基础架构到高级技术的方方面面,旨在帮助读者理解和掌握构建可扩展、高可用、高性能的亿级用户网站所需的关键技术和实践。 一、网站架构概述 网站架构设计是构建大规模互联网应用的基础,它决定...

    OGRE在数字城市中的应用与实现20101106.pdf

    OGRE,全称为Object-Oriented Graphics Rendering Engine,是一种开源的高性能3D图形渲染引擎,被广泛应用于游戏开发、虚拟现实、仿真系统等多个领域。在数字城市的建设中,OGRE凭借其强大的图形处理能力和灵活的...

    gopkd数字图书馆系统设计方案.doc

    3. **数据库**:选择了Microsoft SQL Server 2000作为数据存储和管理的后台,提供高性能的数据处理能力。 4. **系统架构**:设计为B/S(浏览器/服务器)和C/S(客户端/服务器)混合架构,允许用户通过Web浏览器访问...

    网站开发品质管理(ppt 50).pptx

    这种方式减少了企业在机房建设和维护上的投入,同时也确保了网站的稳定运行和高网络速度。 此外,无线上网技术的发展,如红外线、Direct PC、WAP、ISM Band和LMDS等,为网站访问提供了更多灵活性。随着无线技术的...

Global site tag (gtag.js) - Google Analytics