随笔 - 143  文章 - 0  评论 - 23  阅读 - 125万

网站优化要尽量减少服务器HTTP请求次数

  终端用户响应的时间中,有 80%用于下载各项内容。这部分时间包括下载页面中的图像、 

  样式表、脚本、Flash 等。通过减少页面中的元素可以减少 HTTP 请求的次数。这是提高网 

  页速度的要害步骤。 

  减少页面组件的方法实在就是简化页面设计。那么有没有一种方法既能保持页面内容的丰硕 

  性又能到达加快响应时间的目标呢?这里有几条减少 HTTP 请求次数同时又可能坚持页面 

  内容丰富的技术。 

  合并文件是通过把所有的脚本放到一个文件中来减少 HTTP 请求的方法,如可以简略地把所 

  有的 CSS 文件都放入一个样式表中。当脚本或者样式表在不同页面中使用时需要做不同的 

  修改,这可能会相对麻烦点,但即便如此也要把这个方法作为改善页面性能的重要一步。 

  CSS Sprites 是减少图像请求的有效方法。把所有的背景图像都放到一个图片文件中,而后 

  通过 CSS 的 background-image 和 background-position 属性来显示图片的不同部分; 

  图片地图是 把多张图片整合到一张图片中。虽然文件的总体大小不会改变,但是可以减少 

  HTTP 请求次数。图片地图只有在图片的所有组成部分在页面中是紧挨在一起的时候 才干 

  使用,如导航栏。确定图片的坐标和可能会比较繁琐且轻易犯错,同时使用图片舆图导航也 

  不具有可读性,因此不推举这种方法; 

  内联图像是使用 data:URL scheme 的方法把图像数据加载页面中。这可能会增加页面的大小。 

  把内联图像放到样式表(可缓存)中可以减少 HTTP 请求同时又防止增长页面文件的大小。但是内联图像当初还不得到主流浏览器的支持。 

  减少页面的 HTTP 请求次数是你首先要做的一步。这是改良首次拜访用户等候时间的最主要 

  的方法。犹如 Tenni Theurer 的他的博客 Browser Cahe Usage – Exposed!中所说,HTTP 请求 

  在无缓存情况下占去了 40%到 60%的响应时间。让那些首次访问你网站的人获得更加快捷。
  

posted on   cbwcwy  阅读(3571)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· winform 绘制太阳,地球,月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
< 2012年8月 >
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示