为了账号安全,请及时绑定邮箱和手机立即绑定

前端性能优化-基础知识认知

难度初级
时长 2小时53分
学习人数
综合评分9.43
86人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • 老师的github地址:https://github.com/ChenChenJoke
    查看全部
    4 采集 收起 来源:课程简介

    2016-11-29

  • 性能优化术语: 对于前端性能:我们不应该只是去看产品类的UV/PV/跳出率/月活跃/日活跃这些参数;因为前端不是这些指标的唯一输入方和责任方,我们更多的是需要通过优化提升技术类的指标,达到提升产品类指标提升的目标。技术类指标有:首屏时间(加载到第一屏的功能点,所消耗的时间点)、白屏时间(从进入页面到head解析的时间)、可操时间(与模块先关,主要是测试核心模块的使用率以及用户感知获得)、连通率(多用于视频站点。时间为纵轴,主要是对应时间内看到视频或听到声音的比例)
    查看全部
  • bigpipe的缺点: 1、异步请求较多(在网速环境差情况下,比如在做国际化产品的时候) 2、SEO引擎较难抓取(比如新闻站点) 3、模块之间相互通信引用(比如几个模块相互间关联度比较高,不确定加载时间) 4、模板引擎重复渲染
    查看全部
    1 采集 收起 来源:biggpie的缺点

    2016-11-26

  • 优化术语
    查看全部
  • 文件复用 就是每个页面载入相同的引用文件 模块复用 就是 在页面使用相同的html模块 达到维护只需要修改一次。
    查看全部
  • 更新文件,更新缓存 在文件后面+ ?v=xxxx
    查看全部
  • 浏览器的三种js引擎 V8(谷歌) SpiderMonkey(火狐) rhino
    查看全部
  • 页面请求 1.html文档下载 2.文档解析 生成dom树(解析所以的代码)3.render树生成(可以说是页面)4.逐级解析dom树(给内容添加样式或者引用外部资源) ps.reflow回流 改变了页面内容就相当于重绘了dom树。 js中 document.write()会阻塞浏览器下载通道
    查看全部
  • 页面服务器在 页面发出请求时 服务器返回需要的 文字 图片 借口数据
    查看全部
  • 域名从右往左解析,先解析.(表示公网),.com,baidu,news 默认省略,运营商有备份有域名ip表 不需要公网查询ip
    查看全部
  • 301重定向 跳转跟302跳转的区别 301 是永久性转移 把原网页权重转移到重定向目标的网站 302 是临时跳转。  1、使用效果不同   302跳转是暂时的跳转,搜索引擎会抓取新的内容而保留旧的网址。因为服务器返回302代码,搜索引擎认为新的网址只是暂时的。   301重定向是永久的重定向,搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址。   2、SEO使用方式不同   在搜索引擎优化中302跳转被众多黑帽SEO优化人员追求,对网站进行恶意302跳转至非用户目标访问网站,因此搜索引擎对于网站的302跳转通常是比较不友好。   常见的方式是对网站K站,在对网站进行URL规范化地址要使用301重定向而非302跳转。
    查看全部
  • request Method 有八种类型
    查看全部
  • http://www.webpagetest.org
    查看全部
  • DNS是IP地址的别名
    查看全部
  • 301重定向与302跳转有什么区别?   301重定向,也叫“永久性转移”,301会把原网页权重转移到重定向目标的网站上面。   302跳转也称为,“临时跳转”。   区别   1、使用效果不同   302跳转是暂时的跳转,搜索引擎会抓取新的内容而保留旧的网址。因为服务器返回302代码,搜索引擎认为新的网址只是暂时的。   301重定向是永久的重定向,搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址。   2、SEO使用方式不同   在搜索引擎优化中302跳转被众多黑帽SEO优化人员追求,对网站进行恶意302跳转至非用户目标访问网站,因此搜索引擎对于网站的302跳转通常是比较不友好。   常见的方式是对网站K站,在对网站进行URL规范化地址要使用301重定向而非302跳转。    域名从右往左解析,先解析.(表示公网),.com,baidu,news;一般情况下,运营商提供优化,有张域名和ip的hash表,不用到公网寻找ip。 《http权威指南》
    查看全部

举报

0/150
提交
取消
课程须知
1、对html、Css及JS基础知识已经掌握。 2、对前端性能优化执着之人(本课为系列课程,共四门,切记不要半途而废)。
老师告诉你能学到什么?
1、对业内站点访问有概况认知 2、对业内的优化方案认知,以及为什么用他们(yahoo军规)。 3、了解业内方案的优缺点 4、初步介绍 quickling / pagecahe / bigpipe 5、认识一个愿意随时看大家评论,以及回复的老师。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!