Web前后端数据交互技术 课件 6.1资源压缩减少http请求次数_第1页
Web前后端数据交互技术 课件 6.1资源压缩减少http请求次数_第2页
Web前后端数据交互技术 课件 6.1资源压缩减少http请求次数_第3页
Web前后端数据交互技术 课件 6.1资源压缩减少http请求次数_第4页
Web前后端数据交互技术 课件 6.1资源压缩减少http请求次数_第5页
已阅读5页，还剩13页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

——江西应用技术职业学院web前后端数据交互技术资源压缩减少HTTP请求6.1资源合并资源压缩HTTP请求的概要目录CONTENTS12301HTTP请求的概要6.1资源压缩减少HTTP请求HTTP请求的概要http协议是无状态的应用层协议，意味着每次http请求都需要建立通信链路、进行数据传输，而在服务器端，每个http都需要启动独立的线程去处理，增大开销。减少http请求数量：可以资源的合并减少http请求大小：可以资源的压缩02资源压缩6.1资源压缩减少HTTP请求资源压缩html压缩HTML代码压缩就是压缩这些在文本文件中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符等，还有一些其他意义的字符，如HTML注释也可以被压缩。资源压缩Html未压缩案例：<!--[publishedat****-**-**20:06:00]--><html><head><metahttp-equiv="Content-type"content="text/html;charset=utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><title>新浪首页</title> <metaname="keywords"content="新浪,新浪网,SINA,sina,,新浪首页,门户,资讯"/> <metaname="description"content="新浪网为全球用户24小时提供全面及时的中文资讯，内容覆盖国内外突发新闻事件、体坛赛事、娱乐时尚、产业资讯、实用信息等，设有新闻、体育、娱乐、财经、科技、房产、汽车等30多个内容频道，同时开设博客、视频、论坛等自由互动交流空间。"/> <metacontent="always"name="referrer"><linkrel="mask-icon"sizes="any"href="///favicon.svg"color="red"> <metaname="stencil"content="PGLS000022"/> <metaname="publishid"content="30,131,1"/> <metaname="verify-v1"content="6HtwmypggdgP1NLw7NOuQBI2TW8+CfkYCoyeB8IDbn8="/> <metaname="application-name"content="新浪首页"/> <metaname="msapplication-TileImage"content="///dy/deco/2013/0312/logo.png"/> <metaname="msapplication-TileColor"content="#ffbf27"/><linkrel="apple-touch-icon"href="///home/2013/0331/U586P30DT20130331093840.png"/>资源压缩Html经过压缩案例：<!DOCTYPEhtml><!--STATUSOK--><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><metacontent="always"name="referrer"><metaname="theme-color"content="#2932e1"><metaname="description"content="全球最大的中文搜索引擎、致力于让网民更便捷地获取信息，找到所求。百度超过千亿的中文网页数据库，可以瞬间找到相关的搜索结果。"><linkrel="shortcuticon"href="/favicon.ico"type="image/x-icon"/><linkrel="search"type="application/opensearchdescription+xml"href="/content-search.xml"title="百度搜索"/><linkrel="icon"sizes="any"maskhref="///img/baidu_85beaf5496f291521eb75ba38eacbd87.svg"><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><title>百度一下，你就知道</title>资源压缩使用在线网站进行压缩nodejs提供了html-minifier工具后端模板引擎渲染压缩HTML压缩方式：资源压缩CSS压缩案例<linkrel="icon"sizes="any"maskhref="///img/baidu_85beaf5496f291521eb75ba38eacbd87.svg"><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><linkrel="dns-prefetch"href="//"/><title>百度一下，你就知道</title><styleindex="newi"type="text/css">#form.bdsug{top:39px}.bdsug{display:none;position:absolute;width:535px;background:#fff;border:1pxsolid#ccc!important;_overflow:hidden;box-shadow:1px1px3px#ededed;-webkit-box-shadow:1px1px3px#ededed;-moz-box-shadow:1px1px3px#ededed;-o-box-shadow:1px1px3px#ededed}.bdsugli{width:519px;color:#000;font:14pxarial;line-height:25px;padding:08px;position:relative;cursor:default}.bdsugli.bdsug-s{background:#f0f0f0}.bdsug-storespan,.bdsug-storeb{color:#7A77C8}.bdsug-store-del{font-size:12px;color:#666;text-decoration:underline;position:absolute;right:8px;top:0;cursor:pointer;display:none}.bdsug-s.bdsug-store-del{display:inline-block}.bdsug-ala{display:inline-block;border-bottom:1pxsolid#e6e6e6}.bdsug-alah3{line-height:14px;background:url(///img/sug_bd.png?v=09816787.png)no-repeatleftcenter;margin:6px04px;font-size:12px;font-weight:400;color:#7B7B7B;padding-left:20px}.bdsug-alap{font-size:14px;font-weight:700;padding-left:20px}#m.bdsug.bdsug-directp{color:#00c;font-weight:700;line-height:34px;padding:08px;margin-top:0;cursor:pointer;white-space:nowrap;overflow:hidden}#m.bdsug.bdsug-directpimg{width:16px;height:16px;margin:7px6px9px0;vertical-align:middle}#m.bdsug.bdsug-directp资源压缩使用在线网站进行压缩使用html-minifier对html中的css进行压缩使用clean-css对css进行压缩CSS压缩方式：资源压缩JS压缩案例</script><script>F._setMod("superman");F._fileMap({"/js/sbase-0948aa26f1.js":["lib/event.ts","plugin/browser","plugin/strpx","plugin/url","plugin/ajax","plugin/load_file","plugin/string","plugin/stringify","plugin/localstorage","plugin/fn","plugin/easing","plugin/mousewheel","plugin/cookie","lib/base","lib/sbase","lib/class","lib/mod_evt","lib/log","lib/thunder","lib/utils.js","common/user_attr","common/select","common/bottom_layer"],"js/polyfill-ie8-30f98ab294.js":["polyfill/object-define-property","polyfill/object-keys"],"/js/min_super-23a390f813.js":["common/result_page","common/image_lazy_load","log/webb.min","log/super_all","lib/carditem_log","ps/log","ps/sindex","ps/sug","ps/fpid","start/super_start","page/info","page/scroll"],"/js/super_ext-898c90316c.js":["plugin/mousewheel","weather/setting_refresh","weather/setting_ctrl","weather/setting_view","weather/weather_city"],"/js/super_load-6ecf1aedb1.js":["weather/weather_tpl","weather/weather_ctrl","weather/weather_autorefresh","start/skin_start","skin/skin_rewrite","mngr/top_layer","mngr/top_menunav","mngr/top_menu","mngr/menu_user","mngr/menu_common","mngr/quit_dialog","mngr/top_menunav_new","common/guide_tip","page/page_exp"],"/js/skin_layer-8bef845f00.js":["skin/skin_init_new","skin/skin_cut_img","skin/skin_model","skin/skin_nav","skin/skin_page","skin/skin_tools","skin/skin_img","skin/skin_control_new","skin/skin_view","skin/skin_new_upload","skin/skin_setting","

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论