湖南站长论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 912|回复: 1

如何减少页面的http请求,以提高页面载入速度

[复制链接]
发表于 2012-5-18 09:00:55 | 显示全部楼层 |阅读模式

帖子内包含图片,需登陆后查看高清大图

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
这是最常见的优化手段之一,页面优化(前端优化)同后台优化,数据库优化相比,改动少,效果大。而减少页面的http请求数,可以改善反应时间,快速显示页面。

一般改善的方向是,图像,图标的优化,以及js的优化。
图像,图标,按钮之类的装饰性,功能性的图像文件,可以使用下面这几种方法:
1)Image Maps
使用不方便,只适用于连续的图标。

2)CSS Sprites
这是现在最为常见的做法,把全站的图标都放在一个图像文件中,然后用css定位来显示其中的一小部分。这个灵活性大,容易设置。

3)Inline Images
这个是把单个图标文件,以base64编码方式直接嵌入到css文件中,或者直接在html里。现在很少网站使用了。

js文件和css文件,原则上,一个页面各只有一个。当然很多时候,有用到外站资源的时候,也不得不使用多个js文件,或者css文件。但尽量减少,合并,是对网站的速度是有益的。


减少http请求这个题目算是老调常谈了,不过之前都没有写过,现在只是温故而知新罢了。

北京大学吴阶平泌尿外科医学中心  北京男科医院在线咨询
发表于 2012-5-18 09:15:46 | 显示全部楼层
CSS Sprites 现在是使用最广泛的了。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|Archiver|湖南站长论坛

GMT+8, 2025-6-28 01:01 , Processed in 0.014525 second(s), 8 queries , Gzip On, MemCached On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表