文章 2017-11-15 来自:开发者社区

用 Chrome 来诊断前端页面性能

Chrome提供了所有主流浏览器中最强大的诊断页面性能的工具,我们这里就依照我们团队项目为例子,来介绍下这个工具的使用: Timeline Check: 首先,我们去检查了载入首页的timeline,我测试了8次,平均下来,大概要花费我5.3秒的时间。 从这里我们可以看到以下结论: (1)所有的资源文件,比如js文件,或者css文件,都是并行的加载的, 所以从timeline图上可以看出来,...

文章 2017-08-01 来自:开发者社区

使用Chrome Timeline来优化页面性能

有时候,我们就是会不由自主地写出一些低效的代码,严重影响页面运行的效率。或者我们接手的项目中,前人写出来的代码千奇百怪,比如为了一个 Canvas 特效需要同时绘制 600 个三角形,又比如 Coding.net 的任务中心需要同时 watch 上万个变量的变化等等。那么,如果我们遇到了一个比较低效的页面,应该如何去优化它呢? 优化前的准备:知己知彼 在一切开始之前,我们先打开 F12 ...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

智能搜索推荐

智能推荐(Artificial Intelligence Recommendation,简称AIRec)基于阿里巴巴大数据和人工智能技术,以及在电商、内容、直播、社交等领域的业务沉淀,为企业开发者提供场景化推荐服务、全链路推荐系统开发平台、工程引擎组件库等多种形式服务,助力在线业务增长。

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等