在对大访问量网站进行性能优化时,其中有一点是尽量减少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》和您提供的文件信息描述,推测可能涉及的知识点,并将其详细阐述。 高性能网站建设知识点: 1. 网站性能优化基础 网站性能优化是确保网站在用户访问时能够快速响应...
"高性能网站建设实战"这本书可能涵盖了以下几个方面的内容: 1. **基础架构设计**:高性能网站的基础始于良好的架构设计。这包括选择合适的服务器硬件、操作系统、数据库管理系统,以及合理的软件架构模式,如...
Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,以其高性能、高并发处理能力而被广泛应用于互联网行业。本资料主要涵盖Nginx的安装与基础配置、优化配置,以及在高级场景下的应用...
负载均衡器可以根据不同的策略分配请求,如轮询、最少连接数、IP哈希等。 3. **分布式缓存**:缓存技术是提高大型网站性能的关键,如使用Redis或Memcached实现数据的快速读取。通过缓存热点数据,减少数据库查询,...
主机托管则是将企业的服务器放置在专业的数据中心,利用数据中心的网络设施和维护服务来运行网站,这种方式适合需要更高性能和稳定性的企业。 虚拟(专用)E-mail服务允许企业在没有自己的邮件服务器的情况下,利用...
互联网网站建设的新趋势包括高性能、高可扩展性和高可用性等要求。高性能是指网站能够承载高并发的访问和高流量的数据传输;高可扩展性是指网站能够快速地扩展以满足将来可能的服务增长;高可用性是指网站能够长时间...
BIZOSS-CMS这种网站建设流程,让用户在不改变网站高效、轻便等特性的情况下还减少了总成本。 4. 流畅专业界面设计,良好的用户体验 BIZOSS-CMS的界面设计遵循国际最新W3C网页设计标准,在开发时期,我们经过IE6、IE7...
BIZOSS-CMS这种网站建设流程,让用户在不改变网站高效、轻便等特性的情况下还减少了总成本。 4. 流畅专业界面设计,良好的用户体验 BIZOSS-CMS的界面设计遵循国际最新W3C网页设计标准,在开发时期,我们经过IE6、...
数据库优化是网站建设中至关重要的环节,它直接影响到网站的性能和用户体验。数据库优化主要包括SQL语句优化、索引管理、程序优化以及数据库架构调整等多个方面。 首先,SQL语句优化是基础。不当的SQL查询可能导致...
### 电子商务网站建设实例知识点解析 #### 第1章:系统与电子商务网站 1. **什么是系统** - 系统是指由多个相互关联的部分组成的整体,这些部分通过特定的方式相互作用来实现共同的目标或功能。 2. **如何用系统...
### 网站建设中的容量规划专题 #### 第1章 容量规划概述 容量规划在网站建设和维护过程中是一项至关重要的工作。随着互联网技术的发展和用户需求的不断增长,合理有效的容量规划对于确保网络服务质量至关重要。在...
- **Nginx**:作为一款开源的高性能HTTP服务器和反向代理服务器,Nginx被广泛应用于负载均衡场景中。它支持多种负载均衡算法,如轮询、最少连接数等。 - **HAProxy**:这是一款免费且开放源代码的软件负载均衡器,以...
网站建设不仅仅包括设计和开发,更重要的是选择合适的网站空间服务器。正确的选择不仅可以提高网站的性能,还能确保网站长期稳定运行。反之,错误的选择可能会给网站带来诸多问题,比如安全性下降、访问速度慢等,...
2. 调整MySQL的配置文件,如***f或者my.ini,可以针对不同环境和需求调整缓冲区大小、连接数、查询缓存等参数。 3. 定期进行查询分析,优化那些效率低下的查询语句。 4. 建立合适的表分区,如果数据量非常大,分区...
书中的内容涵盖了从基础架构到高级技术的方方面面,旨在帮助读者理解和掌握构建可扩展、高可用、高性能的亿级用户网站所需的关键技术和实践。 一、网站架构概述 网站架构设计是构建大规模互联网应用的基础,它决定...
OGRE,全称为Object-Oriented Graphics Rendering Engine,是一种开源的高性能3D图形渲染引擎,被广泛应用于游戏开发、虚拟现实、仿真系统等多个领域。在数字城市的建设中,OGRE凭借其强大的图形处理能力和灵活的...
随着信息技术的飞速发展,城市信息化已成为现代城市发展的...通过构建这样的高性能Web服务器群,南海市能够在信息化城市建设中占据领先地位,为市民和访客提供高效、稳定的信息服务,从而更好地展示城市信息化的成就。
3. **数据库**:选择了Microsoft SQL Server 2000作为数据存储和管理的后台,提供高性能的数据处理能力。 4. **系统架构**:设计为B/S(浏览器/服务器)和C/S(客户端/服务器)混合架构,允许用户通过Web浏览器访问...