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

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

难度初级
时长 2小时53分
学习人数
综合评分9.43
86人评价 查看评价
9.6 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • 解析dom树时注意点。<br> reflow(回流)和重绘,当更改导致元素位置、大小,外边距等发生变化的时候,触发reflow;改变颜色或者字体样式等不影响元素位置、大小等的操作,触发重绘。<br> js阻塞页面渲染、浏览器下载通道的情况(document.write阻塞页面渲染、其他js的执行和至少一条下载通道)。
    查看全部
  • 301重定向与302跳转有什么区别?   301重定向,也叫“永久性转移”,301会把原网页权重转移到重定向目标的网站上面。   302跳转也称为,“临时跳转”。   区别   1、使用效果不同   302跳转是暂时的跳转,搜索引擎会抓取新的内容而保留旧的网址。因为服务器返回302代码,搜索引擎认为新的网址只是暂时的。   301重定向是永久的重定向,搜索引擎在抓取新内容的同时也将旧的网址替换为重定向之后的网址。   2、SEO使用方式不同   在搜索引擎优化中302跳转被众多黑帽SEO优化人员追求,对网站进行恶意302跳转至非用户目标访问网站,因此搜索引擎对于网站的302跳转通常是比较不友好。   常见的方式是对网站K站,在对网站进行URL规范化地址要使用301重定向而非302跳转。   珍岛提醒大家慎用302跳转。 域名从右往左解析,先解析.,.com,baidu,news;一般情况下,运营商提供优化,有张域名和ip的hash表,不用到公网寻找ip。
    查看全部
  • 下载不了
    查看全部
    0 采集 收起 来源:课程简介

    2016-10-27

  • 本地渲染流程
    查看全部
  • 同步并行完结模式
    查看全部
    0 采集 收起 来源:bigpipe工作模式

    2016-10-23

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

    2016-10-14

  • bigpipe整个流程: 1.页面在同步加载时,会返回一些占位符 2.根据需求,请求占位符的资源(根据ID) 3.填充占位符
    查看全部
    1 采集 收起 来源:bigpipe工作模式

    2016-10-14

  • Bigpipe技术核心为占位符与异步加载 搜索技术博客-淘宝 http://www.searchtb.com/2011/04/an-introduction-to-bigpipe.html 英文版: http://www.cubrid.org/blog/dev-platform/faster-web-page-loading-with-facebook-bigpipe/
    查看全部
    2 采集 收起 来源:bigpipe简介

    2016-10-14

  • 前端加载方式:同步加载,分级加载,按需加载
    查看全部
  • 缺点:框架里如果有iframe方法时,需要iframe加载完毕后,再发出一次http请求链接,比正常加载方式慢 有点:iframe框架页面出现错误后,不会影响到其它iframe框架页面的渲染
    查看全部
  • 能够独立完成某项功能,而不依赖其它外部资源
    查看全部
  • Gzip压缩大部分浏览器都支持
    查看全部
  • 模拟测试网络请求,显示各个资源的加载时间 http://www.webpagetest.org
    查看全部
  • https://github.com/ChenChenJoke/jokerChrome
    查看全部

举报

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

微信扫码,参与3人拼团

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

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