`

静态资源文件合并请求

    博客分类:
  • http
 
阅读更多

什么是静态资源合并请求?

       如果一个页面中包含多个js、css静态资源文件,我们可以进行合并请求,即只访问一次静态资源服务器(这里指的是存放js文件的远程服务器)。

 

静态资源合并请求的好处?

      1. 对客户端而言,可以减少访问远程服务器的次数,提高页面加载速度。

      2. 对服务器而言,可以减轻并发压力。

 

静态资源合并请求的要求?

      1. 存放静态资源文件的服务器必须使用ngnix作为web服务器(目前只有ngnix支持静态资源合并请求)。

      2. 合并请求的静态资源文件必须在同一个静态资源服务器上。

 

静态资源合并请求的方法?

      第一步: 将需要合并请求的几个静态资源文件的公共域名和公共路径作为公共前缀,

          例如:http://res.suning.cn/project/shp/js/passport.js

                     http://res.suning.cn/project/shp/pc/js/pc_checkids.js

                     http://res.suning.cn/project/shp/pc/js/SFE.dialog.js

            公共前缀为:http://res.suning.cn/project/shp/

      第二步: 在公共前缀后加上两个问号:http://res.suning.cn/project/shp/??/

      第三步:将需要合并的静态资源文件的名称(包括后缀),添加到公共前缀后面,多个之间用半角逗号分隔,在最终结尾处加上静态资源文件版本号:

                     http://res.suning.cn/project/shp/??js/passport.js,pc/js/pc_checkids.js,pc/js/SFE.dialog.js?v=2016022401

 

 

 

 

 

 

分享到:
评论

相关推荐

    详解js静态资源文件请求的处理

    在上述内容中,我们看到一个简单的Node.js服务器实现,用于处理静态资源文件(如HTML、CSS、JS等)的请求。这个服务器使用了`http`、`fs`和`url`这三个核心的Node.js模块: 1. **http模块**:用于创建HTTP服务器。`...

    java静态文件处理

    当请求到达服务器时,如果路径匹配到静态资源,服务器会直接返回该文件,而无需执行任何Java代码。配置Web应用的`web.xml`文件,可以指定静态资源的目录。 2. **使用Spring Boot**:Spring Boot简化了Java Web开发...

    淘淘商城前台工程静态资源文件

    淘淘商城前端工程静态资源文件是构建一个交互式电商平台用户界面的关键组成部分。这些资源通常包括样式表(CSS)、图像(Images)和脚本(JavaScript),它们共同协作来提供丰富的用户体验和功能。 首先,我们来看...

    淘淘商城静态资源(全)

    同时,为了优化性能和提高加载速度,静态资源通常会被压缩和合并,并可能使用CDN(Content Delivery Network)进行分发,确保全球用户都能快速访问。此外,版本控制(如Git)和自动化构建工具(如Webpack或Gulp)也会...

    前端开发js静态资源压缩文件

    - **合并(Concatenation)**:将多个JavaScript文件合并成一个,减少HTTP请求次数。 3. **ECMAScript 6及更高版本的影响** - **模块系统**:ES6引入了模块系统,如`import`和`export`,在压缩时需要考虑如何正确...

    狂神说javaweb实战静态资源.rar

    - 如Webpack、Gulp、Grunt等,用于打包、压缩、合并静态资源,生成生产环境所需的优化过的静态资源。 综上,"狂神说javaweb实战静态资源"这部分内容可能涉及了如何在JavaWeb环境中管理、优化和访问静态资源的...

    smbms静态资源.zip

    静态资源通常包括HTML、CSS、JavaScript等文件,它们在Spring MVC中被配置为可以被Web服务器直接访问,无需经过Controller处理。 二、MyBatis MyBatis是一个持久层框架,它允许开发者编写SQL语句并与Java对象进行...

    node.js中 express.static 托管静态文件合并前后端代码

    在Node.js环境中,Express框架是开发Web应用的常用选择,其中`express.static`中间件是用于托管静态资源的关键组件。这个中间件允许我们方便地提供HTML、CSS、JavaScript以及图片等静态文件给客户端浏览器,从而实现...

    smbms中的静态资源webapp.rar

    - **合并与压缩**:将多个CSS和JS文件合并为一个,减少HTTP请求次数,同时通过压缩代码减小文件大小。 - **缓存利用**:设置合适的HTTP头信息,使浏览器能够缓存静态资源,减少重复加载。 - **CDN(内容分发网络)**...

    Python-webassets用于PythonWeb开发的静态资源管理

    `webassets`允许开发者将多个CSS或JavaScript文件合并为一个文件,减少HTTP请求的数量,这是提高网页加载速度的关键。通过定义`Bundle`对象,可以指定要合并的文件,然后使用`build`方法生成合并后的文件。 2. **...

    css静态资源压缩文件

    本话题聚焦于CSS静态资源的压缩文件,这是前端性能优化的重要环节,旨在减小文件大小,提高页面加载速度,进而提升用户体验。 首先,我们要理解为什么需要对CSS进行压缩。原始的CSS文件往往包含了大量的空格、注释...

    十次方静态资源

    通过合理组织静态资源文件,并采取压缩、合并等措施,可以大大减少HTTP请求的次数,缩短页面加载时间。这种性能的提升不仅有助于提高用户体验,还能提升网站在搜索引擎中的排名,因为搜索算法通常会将页面加载速度...

    博客项目静态资源.zip

    标题中的“博客项目静态资源.zip”表明这是一个与个人博客相关的项目,其中包含了静态资源文件。在Web开发中,静态资源通常指的是不会根据用户交互或服务器端逻辑改变的文件,如HTML、CSS、JavaScript、图片等。...

    nginx中使用nginx-http-concat模块合并静态资源文件

    `nginx-http-concat`模块正是为了这个目的而设计的,它允许Nginx服务器将多个CSS和JavaScript文件合并成一个请求,从而减少HTTP请求的数量,加快页面的加载速度。这个模块由阿里巴巴开发并开源,可以在GitHub上找到...

    图书馆里系统静态资源

    在生产环境中,为了提高性能,这些静态资源通常会被压缩和合并,减少HTTP请求的数量和大小,从而加快页面加载速度。 总结来说,"图书馆里系统静态资源"这个主题涵盖了前端开发中关于网站或应用静态文件管理的知识,...

    SpringMVC专栏8、RESTful案例static静态资源

    在Spring MVC中,`/static`是默认的静态资源目录,当浏览器发起对这些静态资源的请求时,Spring MVC会自动处理并返回相应的文件。 1. **配置静态资源**: 在Spring MVC的配置中,我们可以通过`...

    管理系统系列--展示静态资源管理系统设计思路的demo.zip

    3. **压缩与合并**:将多个CSS或JS文件合并成一个文件可以减少HTTP请求,而对文件进行GZIP压缩则可以减小传输大小,提高加载速度。 4. **缓存策略**:合理设置HTTP响应头中的Cache-Control和Expires字段,让浏览器...

    使用yuicompressor压缩及合并js,css静态资源

    这将把所有CSS文件合并到一个`combined.css`中,所有JS文件合并到`combined.js`中。 当然,手动执行这些命令可能会变得繁琐,特别是在持续集成和自动化部署的场景下。因此,开发者通常会将YUI Compressor集成到构建...

    邮箱管理系统(静态文件)

    总结起来,这个“邮箱管理系统(静态文件)”包含了构建一个基本邮箱系统前端所需的所有静态资源,虽然缺少动态功能,但这些文件仍然是系统不可或缺的一部分,它们共同构成了用户与邮箱系统互动的桥梁。

    pring4新特性之静态资源处理增强共4页.pdf.zip

    通过`CorsRegistry`和`@CrossOrigin`注解,开发者可以轻松地配置允许哪些来源的请求访问静态资源。 6. **WebJars集成**:Spring 4还集成了WebJars,这是一种将JavaScript库和CSS框架打包为JAR文件的创新方式,使得...

Global site tag (gtag.js) - Google Analytics