欢迎来到阶梯文库! | 帮助中心 阶梯文库,助您进步!
阶梯文库
全部分类
  • 行业报告资料库 >
    行业报告资料库
    可研报告 环评报告 节能报告 项目建议 论证报告 其他报告 炭行业报告 钢铁行业报告 农业报告 IT行业报告 文学报告 电力报告 军事报告 半导体行业报告 外语报告
  • 专业资料 >
    专业资料
    人文社科 经管营销 工程科技 IT/计算机 自然科学 医药卫生 农林牧渔
  • 教育专区 >
    教育专区
    幼儿教育 小学资料 中学资料 高中资料 大学资料 成人自考 职业教育 作文写作 字典词语 英语学习
  • 管理文献 >
    管理文献
    事务文书 其他资料 管理手册 管理方法 管理工具 管理制度
  • 应用文书 >
    应用文书
    毕业论文 工作报告 工作计划 PPT文档 工作总结 党团工作 表格/模板 合同协议
  • 生活休闲 >
    生活休闲
    服装配饰 星座运势 摄影摄像 保健养生 美食烹饪 家居装修 宗教风水 社会民生 美容塑身 手工制作 娱乐时尚 沟通交流 网络生活 科普知识 时政新闻 音乐歌曲 户外运动 婚嫁育儿 图书阅读 两性情感 游戏攻略 体育武术 期刊/杂志 宠物 旅游出行
  • 资格/认证考试 >
    资格/认证考试
    建造师考试 注册会计师 公务员考试 专升本考试 成考 自考 教师资格考试 司法考试 微软认证 思科认证 全国翻译资格认证 医师/药师资格考试 会计职称考试 报关员资格考试 人力资源管理师 安全工程师考试 出国培训 资产评估师考试 技工类职业技能考试 银行从业资格 计算机等级考试 营养师认证 物流师考试 证券从业资格考试 注册税务师 理财规划师 建筑师考试 质量管理体系认证
  • 标准规范 >
    标准规范
    机械行业标准(JB) 国家标准(GB) 电子行业标准(SJ) 化工行业标准(HG) 国家专业标准(ZB) 轻工行业标准(QB) 铁路运输行业标准(T 船舶行业标准(CB) 国家计量标准(JJ) 商检行业标准(SN) 农业行业标准(NY) 通信行业标准(YD) 石油天然气行业标准 交通行业标准(JT) 石油化工行业标准(S 冶金行业标准(YB) 纺织行业标准(FZ) 有色金属行业标准(Y 煤炭行业标准(MT) 电力行业标准(DL) 公共安全行业标准(G 建筑材料行业标准(J 医药行业标准(YY) 林业行业标准(LY) 建筑工业行业标准(J 城镇建设行业标准(C 烟草行业标准(YC) 水产行业标准(SC) 商业行业标准(SB) 汽车行业标准(QC) 教育行业标准(JY) 水利行业标准(SL) 地质矿产行业标准(D 环境保护行业标准(H 广播电影电视行业标 卫生行业标准(WS) 民用航空行业标准(M 地方标准(DB) 劳动和劳动安全行业 粮食行业标准(LS) 邮政行业标准(YZ) 海洋行业标准(HY) 测绘行业标准(CH) 航天工业行业标准(Q 稀土行业标准(XB) 新闻出版行业标准(C 包装行业标准(BB) 气象行业标准(QX) 档案行业标准(DA) 安全行业标准(AQ) 物资行业标准(WB) 金融行业标准(JR) 航空工业行业标准(H 外经贸行业标准(WM) 文化行业标准(WH) 民政行业标准(MZ) 旅游行业标准(LB) 土地管理行业标准(T 体育行业标准(TY) 其他行业标准 司法鉴定技术规范( 日本标准 美国标准 欧盟标准 德国标准
  • 企业文库 >
    企业文库
    企业宣传 产品文档 技术资料
  • 政务公开 >
    政务公开
    政策文件 便民服务 公示公告
  • 深度学习框架 >
    深度学习框架
  • 区块链 >
    区块链
  • 首页 阶梯文库 > 资源分类 > PPT文档下载
     

    网站性能优化.ppt

    • 资源ID:3374       资源大小:2.71MB        全文页数:41页
    • 资源格式: PPT        下载权限:游客/注册会员/VIP会员    下载费用:10积分 【人民币1元】
    换一换
    游客快捷下载 游客一键下载
    会员登录下载
    下载资源需要10积分 【人民币1元】

    邮箱/手机:
    温馨提示:
    支付成功后,系统会根据您填写的邮箱或者手机号作为您下次登录的用户名和密码(如填写的是手机,那登陆用户名和密码就是手机号),方便下次登录下载和查询订单;
    特别说明:
    请自助下载,系统不会自动发送文件的哦;
    支付方式: 微信支付    支付宝   
    验证码:   换一换

          加入VIP,下载共享资源
     
    友情提示
    2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,既可以正常下载了。
    3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
    4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰   

    网站性能优化.ppt

    Web Performance Optimization,网站性能优化 ,www.jb51.net提供下载,About me,网络电视事业部 开发工程师,changyou52gmail.com t.sina.com.cn/changyou52,常优 / 大优,Web Performance,网站性能 ,什么是网站性能,为什么要做性能优化,谁去做,怎么做,一点实践,Amazon 慢 0.1s 1 的用户放弃交易,Yahoo 慢 0.4s 5-9 的用户放弃访问,[ EXP .1 ],Google 慢 0.5s 20 的用户放弃访问,,,,,,,,,10s,0.11s 自由浏览 0.1 s 立即发生,15s 浏览有阻碍,58s 损失50,10s 损失99,8s,5s,1s,0.1s,时间,用户体验,[ EXP .2 ],什么是网站性能,What,页面快速,系统伸缩自如,服务稳定可靠,,,为什么做 网 站性能优化,The page is an application with a data connection to a server,Why,,.,,,,,,,,,谁去做,Who,前端工程师 or 运维工程师 ,分析 评估,Analysis,,http//www.cntv.cn/index.shtml,下载HTML文档时间,4,.,no cache,,下载HTML文档时间,http//www.cntv.cn/index.shtml,cache,20,,70,结论,Conclusion,前端性能,,,怎么做,减少HTTP请求,How,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,RTT Round-Trip Time ,服务器,,,,,,,,,HTTP 请求 过程,客户端,客户端,读取cache,处理数据,渲染元素,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,读取本地缓存数据,,查询DNS,预处理,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,浏览器DNS,系统DNS,DNS服务器,,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,TCP/IP连接,CDN,,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,发送header信息,,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,服务器负载,,数据库查询,服务端缓存,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,受带宽影响 JS,CSS,HTML 做gzip压缩 删除js,css文件的注释 删除无效的css 缓存改动不大的文件 缓存favicon.ico文件 精简HTML 减少DOM元素 优化img文件 文件大小,,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,响应304请求 Cache-Control cache-control max-age31536000 cache-control private cache-control no-cache Expires expires Sat, 04 Dec 2010 010043 GMT,,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,不要对img进行Gzip压缩,,预处理,查询DNS,建立链接,发送请求,等待响应,返回数据,处理数据,渲染元素,读取cache,HTML 减少DOM IMG注明width,height CSS CSS放在顶部 避免import 避免使用低效选择符CSS JavaScript script放在head内 JavaScript放在底部 算法,循环,,解析HTML,样式计算,布局,DOM操作,JS解析,怎么做,减少HTTP请求 CSS,JS进行合并 Ajax GET代替POST CSS图片地图 缓存,How,,Google page speed,Yahoo Yslow,Microsoft Fiddler2,Google speed tracer,Reference,Tools,Fire bug,一些实践,Practice,,http//bugu.cntv.cn,2010.2,cache,no cache,Time 7.671,Time 2.089,,http//bugu.cntv.cn,首页284.9K,整个网页902.3K 17个JS文件, 74K 5个Iframe,25K,,http//bugu.cntv.cn,,http//bugu.cntv.cn,冷静,发现问题,解决问题,改进,反馈 问题,执行力,进化到下一阶段,,,,任何一个好的产品都不是被设计出来的,http//bugu.cntv.cn,1. 精简 HTML Javascript,HTML,去掉注释,回车符,以及无效字节可节省 65K 28),JavaScript,利用 JSMin / YUI Compressor 工具 (每个JS文件可降低26文件大小),http//bugu.cntv.cn,2. 合并 JavaScript CSS,http//bugu.cntv.cn/jsca/js/pwin.js http//bugu.cntv.cn/jsca/js/template.js http//bugu.cntv.cn/library/column/2010/09/20/C28048/script/asian.js http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/flash/js_flash_gateway.js http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/js/changelights.js http//bugu.cntv.cn/nettv/Library/ibugu/js/calendar.js http//bugu.cntv.cn/nettv/Library/ibugu/js/changelights.js http//bugu.cntv.cn/nettv/Library/ibugu/js/jquery-1.3.2.min.js http//bugu.cntv.cn/nettv/Library/ibugu/js/lightbox.js http//bugu.cntv.cn/nettv/Library/ibugu/js/tagchange_new.js http//bugu.cntv.cn/nettv/Library/ibugu/js/change_flash.js http//js.bmgad.com/bmgad_wpu_cc.js http//js.bmgad.com/bmgad_wpu_show_check.js http//js.bmgad.com/bmgad_wpu_show_cntv.js http//a.cntv.cn/bnnr/alysxc.js http//a.cntv.cn/main/susercntv|bugu|shouye_fubiaodbcntvborder0localyesjsie,http//bugu.cntv.cn/jsca/css/style_controlbar.css http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/css/common.css http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/css/headfoot.css http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/css/index.css,JavaScript,CSS,http//bugu.cntv.cn, http//code.google.com/p/minify/ ,Minify,,script,,Copy min文件夹 到 网站目录下,配置 min/config.php Apache配置 mod_Rewrite 或者使用g参数(需配置min/groupsConfig.php) Done,,28X28,http//bugu.cntv.cn,3. CSS sprites,.no3 { background transparent url /images/no713.jpg ; background-position 0 -30px; width 15px; height 15px; },,http//bugu.cntv.cn,http//www.google.com/,写入img 第一时间显示logo图和背景,避免空白和无背景,,在img标签中指定尺寸 提升浏览器渲染效率, Google,预处理,http//bugu.cntv.cn,4. JavaScript放到底部 , CSS放到顶部,CSS放到header中避免白屏,Javascript放置底部避免阻塞下载,JS ,CSS 写在html内还是外部link,http//bugu.cntv.cn,5. 减少DNS查询,bugu.cntv.cn,a.cntv.cn,cntv.wrating.com,js.bmgad.com,p1.img.cctvpic.com,p2.img.cctvpic.com,p4.img.cctvpic.com,www.cctv.com,www.bmgad.net,p3.img.cctvpic.com,,广告与页面分离,增加并行下载数 提升整站下载时间,http//bugu.cntv.cn,,http//bugu.cntv.cn/index.shtml 88 reduction. http//bugu.cntv.cn/jsca/templates/pwin_toolbar_banner.html 45 reduction http//bugu.cntv.cn/jsca/templates/pwin_toolbar_text_unlogin.html 36 reduction,压缩html文件,js文件,css文件。可减少文件大小至少60,6. Gzip压缩组件,http//bugu.cntv.cn,7. 添加Expires头,14 个JS,CSS 静态文件缓存时间很短。Cache-Controlmax-age1800 http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/css/index.css http//bugu.cntv.cn/jsca/css/style_controlbar.css http//bugu.cntv.cn/nettv/Library/ibugu/js/jquery-1.3.2.min.js http//bugu.cntv.cn/nettv/Library/ibugu/js/tagchange_new.js http//bugu.cntv.cn/nettv/Library/ibugu/js/changelights.js http//bugu.cntv.cn/nettv/Library/ibugu/js/calendar.js http//bugu.cntv.cn/nettv/Library/ibugu/js/lightbox.js http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/flash/js_flash_gateway.js http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/js/changelights.js http//bugu.cntv.cn/library/column/2010/09/20/C28048/script/asian.js http//bugu.cntv.cn/jsca/js/template.js http//bugu.cntv.cn/jsca/js/pwin.js http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/css/headfoot.css http//bugu.cntv.cn/nettv/Library/ibugu/ibugu_new/css/common.css,修订文件名,将版本号加入其中,并设置长久的Expires,淘宝 http//a.tbcdn.cn/s/kissy/1.1.3/kissy-min/v8-min.jst20101125.js,http//bugu.cntv.cn,平均载入时间为 9.1 秒,比 85 的网站慢,Thanks,Q A,www.jb51.net提供下载,

    注意事项

    本文(网站性能优化.ppt)为本站会员(大鲨鱼)主动上传,阶梯文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知阶梯文库(发送邮件至77594475@qq.com或直接QQ联系客服),我们立即给予删除!

    温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。





    微信图片
    收起
    展开