减少http请求次数

80%的最终用户响应时间花在前端程序上,而其大部分时间则花在各种页面元素,如图像、样式表、脚本和Flash等的下载上。减少页面元素将会减少HTTP请求次数。这是快速显示页面的关键所在。

1、Image maps组合多个图片到一张图片中。总文件大小变化不大,但减少了HTTP请求次数从而加快了页面显示速度。该方式只适合图片连续的情况;同时坐标的定义是烦人又容易出错的工作。使用CSS的background-image和background-position属性来现实所需的部分图片。

2、Combined files通过组合多个脚本文件到单一文件来减少HTTP请求次数。样式表也可采用类似方法处理。这个方法虽然简单,但没有得到大规模的使用。

时间: 2024-10-09 23:22:11

减少http请求次数的相关文章

前端巧用localStorage做“缓存”,减少HTTP请求次数

场景: 载入某个页面,JS需要通过ajax请求获取某些数据 那么每次刷新页面都会有请求,如果这些数据对实时性要求并不高,显然这样做并不可取. 如何减少服务端的压力,使用localStorage可以解决此问题. //假设id是区分于其他的要储存的k值的一部分.var flag=0,k=null,v_arr=[],v_time=0,v='';var cday = new Date().getDate();var k = window.localStorage.getItem('name_'+id):

CDN的combo技术能把多个资源文件合并引用,减少请求次数

CDN的combo技术能把多个资源文件合并引用,减少请求次数.比如淘宝的写法: <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/??sm.min.css,sm-extend.min.css"> <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.m

减少HTTP请求

一.为什么要减少HTTP请求性能黄金法则: 只有10%-20%的最终用户响应的时间花在接收请求的html的文档,剩下的80%-90%花在请求静态资源上:如何改善:减少静态资源的数量,从而减少HTTP请求:HTTP连接会产生一定的开销:在解析域名的过程中会查询DNS的缓存:HTTP1.1协议是串行发送,也就是100个请求会逐个发送,前面的请求完成才会发送下面的请求:二.减少HTTP请求的方式图片的地图:概念:图片地图允许一个图片关联多个URL,目标URL的选择取决于用户了图片上的那个位置:也就是将

利用css sprites减少图片请求

sprites是鬼怪,小妖精,调皮鬼的意思,初听这个高端洋气的名字我被震慑住了,一步步掀开其面纱后发觉很简单的东西,作用却很大 什么是CSS Sprites CSS Sprites是指把网页中很多小图片(很多图标文件)做成按规律排列的一张大图上,在显示的时候通过background-image.background-position显示图片特定部分达到和分散的一张张小图片一样的效果. JqueryUI的效果图如下 很多页面常用的小图标,但是我们看看每个小图标的源码的时候会发现,这些小图标的src

前端性能优化篇—资源合并与压缩减少HTTP请求

资源合并与压缩减少HTTP请求的概要 资源合并与压缩减少HTTP请求主要的两个优化点是减少HTTP请求的数量和减少请求资源的大小 http协议是无状态的应用层协议,意味着每次http请求都需要建立通信链路.进行数据传输,而在服务器端,每个http都需要启动独立的线程去处理. 这些通信和服务的开销都很昂贵,减少http请求的数量和减少请求资源的大小可有效提高访问性能 减少http的主要手段是合并CSS.合并JavaScript.合并图片.将浏览器一次访问需要的javascript和CSS合并成一个

将jquery和公共样式缓存到localStorage,可以减少Http请求,从而优化页面加载时间

以下代码: //入口函数 if (window.localStorage) { initJs(); initCss("css", "/gfdzp201508257998/Turntable/Style/css_whir.css"); } else { addFile("/gfdzp201508257998/Turntable/Script/jquery-1.8.3.min.js", "js"); addFile("/

从减少http请求数说起

前一阵,给我一个学生做培训,讲到一点点性能优化,然后我很后悔我误导了她.我给她讲减少http请求是多么重要,如何重要,为什么重要,还举了例子来说明这对于大型网站来说是多么重要,讲的头头是道,有理有据,最后把她说的服服帖帖,一切看起来理所当然.但是-. 事情没有那么简单,就像做技术一样,其实去了解一个技术很简单,但是要懂得如何运用这个技术就不是每个人都可以做到的了. 1.理所当然我们是这样想的 关于减少http请求数,是前端开发性能优化的一个非常重要方面,所以在基本所有的优化原则里,都有这一条原则

页面优化——减少HTTP请求数

1.关于减少http请求数 关于减少http请求数,是前端开发性能优化的一个非常重要方面,所以在基本所有的优化原则里,都有这一条原则:减少http请求数. 先不考虑其他的,我们先考虑为什么减少http请求可以优化性能. 减少http请求有这样几个优点: (1)   减少DNS请求所耗费的时间. 且不说对错,因为从基本来说,减少http请求数的确可以减少DNS请求和解析耗费的时间. (2)   减少服务器压力. 这个通常是被考虑最多的,也是我用来讲解给别人听的最大理由,因为每个http请求都会耗费

一次日志请求次数统计

package test; import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.InputStreamReader; import java.util.Map; import java.util.TreeMap; public class Count { public static void main(String[] args) throws Exc