• 前端性能优化:细说JavaScript加载与执行

    本文主要是从性能优化的角度来探讨JavaScript加载与执行过程中的优化思路与实践方法,既是细说,文中在涉及原理性的地方,不免会多说几句,还望各位读者保持耐心,仔细理解,请相信,您的耐心付出一定会让您得到与...
    文章 2018-06-08 1178浏览量
  • 《Web测试囧事》——1.4 利用JavaScript加载的漏洞...

    3)无阻塞脚本,在页面加载完成后才加载JavaScript代码。这就意味着在window对象的onload事件触发后再下载脚本。不过在上面这个故事,正是由于对JavaScript优化引发了抢购页面先显示元素可操作,然后在...
    文章 2017-07-04 1596浏览量
  • 探真无阻塞加载javascript脚本技术,我们会发现很多...

    原文:探真无阻塞加载javascript脚本技术,我们会发现很多意想不到的秘密 下面的图片是我使用firefox和chrome浏览百度首页时候记录的http请求 下面是firefox: 下面是chrome: 在浏览百度首页前我都将浏览器的缓存...
    文章 2014-11-04 1317浏览量
  • 《响应式Web设计性能优化》一2.2 追踪Web性能的工具

    本节书摘来异步社区《响应式Web设计性能优化》一书中的第2章,第2.2节,作者:【美】Tom Barker 译者:余绍亮,丁一,叶磊 责编:赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。2.2 追踪Web性能的工具 ...
    文章 2017-05-02 1735浏览量
  • 轻松实现 Web 性能优化

    性能优化机会 1.删除不必要的资源 有一些显而易见的东西可以安全删除掉:空白和注释。图4.Minify和压缩 JavaScript 和 CSS Lighthouse 在 Unminified CSS&JavaScript 审查突出了这个机会。程序使用 webpack ...
    文章 2019-08-06 3346浏览量
  • [译]如何运用最新的技术提升网页速度和性能

    中的 CSS 引用全部被下载和解析。这个行为是经过考虑的,否则浏览器会在渲染页面的时候不断重新计算布局和重新绘制页面。为了避免 CSS 阻塞渲染,我们需要异步加载 CSS 文件。我们使用了神奇的 Filament Group 的...
    文章 2017-10-19 1028浏览量
  • [译]网络现状:性能提升指南

    另外,你也可以查看 Addy 关于预加载的文章 ——《Chrome 中的加载和优先级》。在 Chrome 开发者工具中启用优先级 要追踪优先处理请求的效果,你可以使用 Lighthouse 性能检测工具和关键请求链路评测,或者查看 ...
    文章 2017-10-16 1117浏览量
  • Web 开发者的 HTTP/2 性能优化指南

    另外,你的网站不是所有页面都使用了合并后的CSS或JavaScript文件中的全部声明或函数。被缓存之后倒没什么关系,但这意味着在用户第一次访问时这些不必要的字节被传输、处理、执行了。HTTP/1.1中请求的开销使得这种...
    文章 2017-10-20 1723浏览量
  • 以代码爱好者角度来看AMD与CMD

    后来出现无阻塞加载脚本方式在开发广泛应用,在此基础结合commonjs规范,前端模块化迎来了两种方案:AMD、CMD. 借用三藏法师一句话:人是人他妈生的,妖是妖他妈生的。此话虽不雅,但用这里却颇为贴切。AMD 是 ...
    文章 2016-04-21 1834浏览量
  • 前端优化系列-前端优化的思考

    比如,一些客户端的业务特别集中,页面非常稳定,那么,就可以使用提前下发离线压缩资源包的方式,让关键资源都从本地读取,加速页面的加载性能,和减少网络错误。高级优化 前面讨论的优化,主要参与者是前端,主要...
    文章 2018-08-04 1872浏览量
  • Web性能优化:What?Why?How?

    WEB站点性能优化实践(加载速度提升2s) HTTP协议三次握手过程 高性能WEB开发-为什么要减少请求数,如何减少请求数!我是如何对网站CSS进行架构的 图标字体化浅谈 利用ETag缓存优化请求 透过浏览器看HTTP缓存 Web应用...
    文章 2015-06-23 947浏览量
  • Web性能优化:What?Why?How?

    WEB站点性能优化实践(加载速度提升2s) HTTP协议三次握手过程 高性能WEB开发-为什么要减少请求数,如何减少请求数!我是如何对网站CSS进行架构的 图标字体化浅谈 利用ETag缓存优化请求 透过浏览器看HTTP缓存 Web应用...
    文章 2016-04-21 1556浏览量
  • 如何从请求、传输、渲染3个方面提升Web前端性能

    以上就是浏览器如何把资源变成肉眼所见的页面的,除了上述根据浏览器流程而总结出来的性能优化,我们还需要看看javascript作为程序,需要的优化。先来看看javascript的垃圾回收机制。Javascript的引擎会在固定的时间...
    文章 2019-07-18 4374浏览量
  • 《众妙之门——JavaScript与jQuery技术精粹》——2.6...

    回复:正如你可能知道也可能不知道的,“=”操作符在JavaScript中的使用非常自由,即使两个量的值是完全不同的类型也会认为它们相等。这是因为该操作符会优先进行强制类型转换而不是比较,“=”却是在两个类型不一样...
    文章 2017-05-02 965浏览量
  • 在浏览器使用原生 JavaScript 模块(译)

    参考Chrome 加载瓶颈一文,当加载模块数量为300个时,打包过的 app 的加载性能比未打包的好得多。产生这种现象的原因在于,静态的import/export 会执行静态分析,用以帮助打包工具去除未使用的exports以优化代码,...
    文章 2018-07-12 2253浏览量
  • 极致的 Hybrid 混合式开发(去啊App Hybrid 实战)

    而在当下前端开发习惯来看,页面通常会至少阻塞加载一个种子文件(比如kissy),而在Mobile设备,哪怕是干扰Dom的JS阻塞运行都会带来0.3秒左右的白屏延时。所以,H5容器的IO优化和HTML渲染提前是本期改造的重点...
    文章 2015-12-08 31235浏览量
  • Animated SVG vs GIF

    基于这种情况,让我们通过一个更加实际、现实生活中的例子,来观察用SVG替换GIF是怎样优化整体页面的加载时间的。18个月前,在我的第一个关于SVG的演讲中,我提到过如何使用SVG替换GIF并且得到整个页面性能的提升。...
    文章 2017-10-20 2773浏览量
  • 实践一下前端性能分析

    了解无阻塞加载javascript脚本技术 无损压缩网站上的图片 图片原理与优化 图片格式与设计那点事儿 Clever PNG Optimization Techniques WebP 探寻之路 提升网站用户体验—WebP 图片的高效使用 本文转自 咖啡机(K.F....
    文章 2017-11-15 1097浏览量
  • 移动Web富应用框架RAIS发布

    RAIS提供了MVVM的App框架,并在内置的directive提供了针对移动端模式的性能优化方案。比如在 repeat directive ,提供了from x to x功能,开发者可以更改显示范围,repeat directive 能够以最佳复用率复用UI对象,...
    文章 2017-04-25 1796浏览量
  • 带你读《基于浏览器的深度学习》之三:JavaScript深度...

    如果你熟悉这些框架中的任意一个,你将毫不费力地学会TensorFlow.js。即使你不会也不用担心,接着我们会解释每个过程。3.1.1 TensorFlow.js 介绍 TensorFlow.js的官方网站提供了一个在线演示、实验的神经网络平台...
    文章 2019-11-13 940浏览量
  • 探究 Java 应用的启动速度优化

    在高性能的背后,Java 的启动性能差也令人印象深刻,大家印象中的 Java 笨重缓慢的印象也大多来源于此。高性能和快启动速度似乎有一些相悖,本文将和大家一起探究两者是否可以兼得。二 Java 启动慢的根因1 框架复杂...
    文章 2021-08-11 552浏览量
  • 前端知识体系整理(不断更新)

    性能优化(最佳实践) HTML优化 语意化html结构:SEO友好,利于维护 精简html结构:嵌套过复杂的结构会导致浏览器构建DOM树缓慢 html最小化:html大小直接关系到下载速度,移除内联的css,javascript,甚至模板片,...
    文章 2017-11-23 1132浏览量
  • 阿里巴巴开源技术汇总:115个软件(六)

    ADFS(Ali Distributed File System)是基于hadoop开源分布式系统HDFS的一种优化 实现,能够将HDFS中单点master namenode节点中的内存数据结构利用高速存储介质同步到磁盘中,同时能够提供很高的吞吐和性能。...
    文章 2016-06-06 7644浏览量
  • NoSQL的四大种类

    MongoDB在启动后会将数据库中的数据以文件映射的方式加载到内存中。如果内 存资源相当丰富的话,这将极大地提高数据库的查询速度。5)非结构化数据的爆发增长,增加列在有些情况下可能锁定整个数据库,或者增加负载...
    文章 2018-08-29 1593浏览量
  • 大型网站技术架构核心原理与案例分析(读书笔记)

    性能测试时性能优化的前提和基础,也是性能优化结果的检查和度量标准。用户视角的网站性能。调整浏览器缓存策略,使用CDN服务,反向代理 开发视角的网站性能。关注响应延迟,系统吞吐量,并发处理能力,系统稳定性 ...
    文章 2018-09-19 1705浏览量
  • MongoDB、Hbase、Redis等NoSQL优劣势、应用场景

    MongoDB在启动后会将数据库中的数据以文件映射的方式加载到内存中。如果内 存资源相当丰富的话,这将极大地提高数据库的查询速度。5)非结构化数据的爆发增长,增加列在有些情况下可能锁定整个数据库,或者增加负载...
    文章 2018-10-11 2263浏览量
  • MongoDB、Hbase、Redis等NoSQL优劣势、应用场景

    MongoDB在启动后会将数据库中的数据以文件映射的方式加载到内存中。如果内 存资源相当丰富的话,这将极大地提高数据库的查询速度。5)非结构化数据的爆发增长,增加列在有些情况下可能锁定整个数据库,或者增加负载...
    文章 2018-10-15 5728浏览量
  • MongoDB、Hbase、Redis等NoSQL优劣势、应用场景

    MongoDB在启动后会将数据库中的数据以文件映射的方式加载到内存中。如果内 存资源相当丰富的话,这将极大地提高数据库的查询速度。5)非结构化数据的爆发增长,增加列在有些情况下可能锁定整个数据库,或者增加负载...
    文章 2018-10-11 3182浏览量
  • 揭秘:支付宝小程序 V8 Worker 技术演进

    能够充分利用 V8 引擎的能力做性能优化,如 V8 CodeCache 等 能够给小程序以外的业务提供 JS 引擎能力,如 V8 Native 插件 能够自定义 JS 引擎运行参数 V8 Worker 基础架构 本节主要介绍了支付宝小程序的 V8 Worker ...
    文章 2020-06-02 1685浏览量
  • 淘宝首页“有一套”

    代码的性能优化是一个精细活,如果你要在一个庞大的未经优化的页面上做性能优化,可能会面临一次重构代码。上面的文章提到的是页面内部的细节优化,但是在开发流程中做的规范化、标准化,以及线上访问通路中的各个...
    文章 2017-06-28 1608浏览量
1 2 3 >

云产品推荐

视频直播 大数据计算服务 MaxCompute 国内短信套餐包 ECS云服务器安全配置相关的云产品 开发者问答 阿里云建站 新零售智能客服 万网 小程序开发制作 视频内容分析 视频集锦 代理记账服务 阿里云AIoT 阿里云科技驱动中小企业数字化