Rule 1: Make Fewer HTTP Requests(Chapter 1 of High performance Web Sites)

最新推荐文章于 2020-08-30 19:16:38 发布

转载最新推荐文章于 2020-08-30 19:16:38 发布 · 281 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhtf2014/archive/2009/09/25/1574247.html

本文介绍了几种有效减少网页加载过程中HTTP请求次数的方法，包括使用图像地图（Image Maps）、CSS精灵（CSS Sprites）以及内联图像（Inline Images）。通过这些技巧，可以显著提升网站的加载速度和用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

The rules described in later chapters also present guidelines that help reduce the number of
HTTP requests, but they focus primarily on subsequent page views.

Image Maps

Image Maps

</map>

CSS Sprites

CSS Sprites
1 <style>
2 #navbar span {
3 width:31px;
4 height:31px;
5 display:inline;
6 float:left;
7 background-image:url(/images/spritebg.gif);
8 }
9 .home { background-position:0 0; margin-right:4px; margin-left: 4px;}
10 .gifts { background-position:-32px 0; margin-right:4px;}
11 .cart { background-position:-64px 0; margin-right:4px;}
12 .settings { background-position:-96px 0; margin-right:4px;}
13 .help { background-position:-128px 0; margin-right:0px;}
14 </style>

Inline Images

Inline Images
1 <IMG ALT="Red Star"
2 SRC="data:image/gif;base64,R0lGODlhDAAMALMLAPN8ffBiYvWW
3 lvrKy/FvcPewsO9VVfajo+w6O/zl5estLv/8/AAAAAAAAAAAAAAAACH5BAEA
4 AAsALAAAAAAMAAwAAAQzcElZyryTEHyTUgknHd9xGV+qKsYirKkwDYiKDBia
5 tt2H1KBLQRFIJAIKywRgmhwAIlEEADs=">

Combined Scripts and Stylesheets

转载于:https://www.cnblogs.com/zhtf2014/archive/2009/09/25/1574247.html