减少HTTP请求的方法

 2023-09-10 阅读 22 评论 0

摘要:最近在看《高性能网站建设指南》,学习一些网站优化的技术,读到关于减少http请求的一些方法: 减少DNS的请求次数、 1. 图片地图 图片地图允许你在一个图片上并联多个URL,目标URL的选择取决于用户单击了图片上的哪个位置。 使用图片地图这种放手就既能减

    最近在看《高性能网站建设指南》,学习一些网站优化的技术,读到关于减少http请求的一些方法:

减少DNS的请求次数、   1. 图片地图

        图片地图允许你在一个图片上并联多个URL,目标URL的选择取决于用户单击了图片上的哪个位置。 使用图片地图这种放手就既能减少HTTP请求,又无需改变页面外观感受,

图片地图有两种类型:服务器端图片地图将所有点击提交到同一个目标URL,向其传递用户单击的x、y坐标。web应用程序将该x、y坐标映射为适当的操作。客户端图片地图更加典型,因为它可以将用户的点击映射到一个操作。而无需向后端应用程序发送请求。映射通过HTML的MAP标签实现。


       使用图片地图也有缺点。在定义图片地图的区域坐标时,如果采取手工的方式则很难完成且容易出错,而且除了矩形之外几乎无法定义其他形状。通过DHTML创建的图片地图则在Internet Explorer中无法工作。


2. CSS Sprites

      和图片地图一样,css sprites也可以合并图片,但更为灵活。又降低了下载量。合并后的图片会比分离的图片的总和要小,这是因为它降低了图片自身的开销,如果需要在页面中为背景、按钮、导航拦、链接等提供大量图片,css sprties绝对是一种优秀的解决方案---干净的标签、很少的图片和很短的响应时间。

 


3. 内联图片

   通过使用data:URL模式可以在Web页面中包含图片但无需任何额外的HTTP请求,尽管Internet Explorer 目前还不支持这种方式,但它能给其他浏览器带来的节省使得它值得关注。


   data: URL模式的主要缺陷在于不受IE的支持,另外一个缺陷是可能存在数据大小上的限制,


4. 合并脚本和样式表

     和图片地图及css sprites的优点一样,将那些单独的文件合并到一个文件中,可以减少http的请求数量并缩短最终用户响应时间。

   

     

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/40003.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息