知识巩固——性能优化之减少http请求

1、css 雪碧图 sprites

其实更高深的应该是把图标做成字体文件直接引用

2、图片地图

类似上,area标签的coords属性

3、合并脚本和样式表,js和css

4、使用base64码减少请求,只针对教小的图片,还是归到1去,可以设成字体

5、新思路,将图片转码后放在js文件的特定对象中,引用时直接获取该对象的这些值转为图片

6、................

时间: 2024-10-12 20:34:45

知识巩固——性能优化之减少http请求的相关文章

ASP.NET性能优化之减少请求

在上篇<ASP.NET性能优化之让浏览器缓存动态网页>中的方案中,浏览器发送If-Modified-Since将是否需要使用自己的缓存交给WEB服务器去决定,服务器告知浏览器去读缓存,浏览器才会去读缓存.这种机制存在的性能损耗,就是服务器的ASP.NET仍旧要接收请求,处理请求.此篇所讲的机制是让浏览器自己去决定是否去读缓存,这样就彻底消灭了针对服务器的请求. 1:减少静态页面请求 要让静态页面支持这个需求,我们需要用到http头中的Cache-Control: max-age.值得注意的是C

前端知识总结--性能优化

前端性能优化方案大体分为网络传输优化和页面内容优化, 网络方面 1.减少http请求 合并js文件 合并css文件 雪碧图的使用(css sprite) 使用base64表示简单的图片 2.减小资源体积 gzip压缩 js混淆 css压缩 图片压缩 3.使用缓存 DNS缓存 CDN部署与缓存 http缓存 页面方面 1.优化网页渲染 css的文件放在头部,js文件放在尾部或者异步 尽量避免內联样式 2.DOM操作优化 避免在document上直接进行频繁的DOM操作 使用classname代替大

何俊谈阿里巴巴前端性能优化最佳实践-笔记

网站页面前端优化对网站核心页面基于Wise load的原则做定点性能优化,减少HTTP请求,减少DNS请求时间,减少页面DOM的数量,做一些图片.JS压缩等.减少HTTP请求方案:阿里开发了自动合并CSS和JS静态文件的框架,对于减少页面DNS数方面采用前端延迟加载框架,主要负责页面加载时只加载首屏,用户滚动页面时才加载二屏或三屏,这样对网站的性能包括流量都是很大的提升和节约. Web I/O(高并发)方面的优化,使用高性能Web服务器,另外在冬天页面处理上,尽可能地减少冬天页面所占比例,采用一

前端常见的性能优化

前端常见的性能优化 1.减少HTTP请求次数和请求的大小 雪碧图(图片精灵) 图片base64 (webpack中可以配置) 尽量使用字体图标或者SVG等矢量图 减少HTTP请求次数或者减少请求内容的大小 渲染更快:因为它们是基于代码渲染的,而对于位图(png/jpg/gif)是需要先把图片编码再渲染 不容易失真变形 图片懒加载(延迟加载) 音频取消预加载 preload = ' none' 这样可以增加第一次渲染页面的速度,当需要播放的时候在加载 再客户端和服务器进行信息交互的时候,对于多项数

Asp.net性能优化技巧

[摘 要] 我只是提供我几个我认为有助于提高写高性能的asp.net应用程序的技巧,本文提到的提高asp.net性能的技巧只是一个起步,更多的信息请参考<Improving ASP.NET Performance>一书. 1. 数据库访问性能优化 数据库的连接和关闭 访问数据库资源需要创建连接.打开连接和关闭连接几个操作.这些过程需要多次与数据库交换信息以通过身份验证,比较耗费服务器资源.ASP.NET中提供了连接池(Connection Pool)改善打开和关闭数据库对性能的影响.系统将用户

(转)web性能优化

前端是庞大的,包括 HTML. CSS. Javascript.Image .Flash等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快.对用户的操作响应得更及时,能够给用户提供更为友好的体验. 2. 从服务商角度而言,优化能够减少页面请求数.或者减小请求所占带宽,能够节省可观的资源. 总之,恰当的优化不仅能够改善站点的用户体验并且能够节省相当的资源利用. 前端优化的途径有很多,按粒度大致可以分

雅虎35条性能优化建议

雅虎35条性能优化建议分7类,共35条: [内容]尽量减少HTTP请求数 [服务器]使用CDN(Content Delivery Network) [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [js, css]把JavaScript和CSS放到外面 [内容]减少DNS查找 [js, css]压缩JavaScript和CSS [内容]避免重定向 [js]去除重复脚

前端日常工作性能优化条例

在当前,网页上越来越重视用户体验,其中一个重要的前提就是访问速度.前端是庞大的,包括 HTML. CSS. Javascript.Image .等等各种各样的资源.前端优化是复杂的,针对方方面面的资源都有不同的方式.至少80%的最终用户响应时间花在了页面中的组件(图片.脚本.样式表). 页面方面优化 一.      减少HTTP请求 改善响应时间的最简单途径就是减少组件的数量,并由此减少HTTP请求的数量. 1 :CSS Sprites将多个图片文件合并成一个图片,利用css 的backgrou

Web性能优化:What? Why? How?

转:http://www.cnblogs.com/dojo-lzz/p/4591446.html 为什么要提升web性能? Web性能黄金准则:只有10%~20%的最终用户响应时间花在了下载html文档上,其余的80%~90%时间花在了下载页面组件上. web性能对于用户体验有及其重要的影响,根据著名的`2-5-8`原则: 当用户在2秒以内得到响应,会感觉系统的响应非常快 当用户在2-5秒之内得到响应,会感觉系统的响应速度还可以 当用户在5-8秒之内得到响应,会感觉系统的响应非常慢,但还可以接受