• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
邹天得
博客园    首页    新随笔    联系   管理    订阅  订阅

文章分类 -  前端_性能

1 2 下一页
如何使用webpack优化首屏渲染时间

摘要：http://www.cnblogs.com/ssh-007/p/7867954.html 其实说到性能优化，他的范围太广了，今天我们就只聊一聊通过webpack配置减少http请求数量这个点吧。 简单说下工作中遇到的问题吧，我们做的一个项目中首页用了十多张图片，每张图片都是一个静态资源，所以都会有 阅读全文
posted @ 2017-11-20 20:15 邹天得 阅读(1220) 评论(0) 推荐(0)
网站性能优化—CRP

摘要：https://segmentfault.com/a/1190000008550336#articleHeader7 为了把HTML、CSS和JavaScript转化成活灵活现、绚丽多彩的网页，浏览器需要处理一系列的中间过程，优化性能其实就是了解这个过程中发生了什么-即CRP(Critical Re 阅读全文
posted @ 2017-11-05 20:13 邹天得 阅读(232) 评论(0) 推荐(0)
详解defer和async的原理及应用

摘要：http://blog.csdn.net/liuhe688/article/details/51247484 defer和async是script标签的两个属性，用于在不阻塞页面文档解析的前提下，控制脚本的下载和执行。 在介绍他们之前，我们有必要先了解一下页面的加载和渲染过程： 1. 浏览器通过HT 阅读全文
posted @ 2017-10-30 11:01 邹天得 阅读(279) 评论(0) 推荐(0)
Chrome DevTools 代码覆盖率功能详解

摘要：https://zhuanlan.zhihu.com/p/26281581?utm_source=tuicool&utm_medium=referral 王仕军 6 个月前 王仕军 6 个月前 6 个月前 共 1812 字，读完需 3 分钟。工欲善其事必先利其器，前端周刊本周起每周会加餐 1 篇工具 阅读全文
posted @ 2017-10-17 21:18 邹天得 阅读(940) 评论(0) 推荐(0)
Chrome开发者工具之JavaScript内存分析

摘要：http://web.jobbole.com/81915/ Chrome开发者工具之JavaScript内存分析 Chrome开发者工具之JavaScript内存分析 2015/01/14 · JavaScript · 1 评论 · Chrome, 内存分析 分享到：30 2015/01/14 ·  阅读全文
posted @ 2017-10-11 16:59 邹天得 阅读(572) 评论(0) 推荐(0)
JS内存泄漏排查方法-Chrome Profiles

摘要：http://caibaojian.com/chrome-profiles.html JS内存泄漏排查方法-Chrome Profiles A-A+ 前端博客•前端开发教程•chrome | JavaScript•2263View0 JS内存泄漏排查方法-Chrome Profiles A-A+ 前 阅读全文
posted @ 2017-10-11 16:51 邹天得 阅读(447) 评论(0) 推荐(0)
Chrome 中的 First Meaningful Paint

摘要：https://zhuanlan.zhihu.com/p/28249188 在做网页的性能监控时，首屏加载时间是必不可少的统计项。但是到底如何算是首屏呢？怎么能更好的统计首屏时间呢？lighthouse中的First Meaningful Paint或许能给我们启发。 Chrome 60中正式引入了 阅读全文
posted @ 2017-09-27 20:57 邹天得 阅读(819) 评论(0) 推荐(0)
网页性能管理详解

摘要：http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html 作者： 阮一峰 日期： 2015年9月17日 你遇到过性能很差的网页吗？ 这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效 阅读全文
posted @ 2017-09-27 20:39 邹天得 阅读(154) 评论(0) 推荐(0)
首次有效渲染时间(Time to First Meaningful Paint)

摘要：https://segmentfault.com/a/1190000009870748 首次有效渲染时间(Time to First Meaningful Paint) 一个基于布局的近似方法(A layout-based approach) [Public] Created: April 12, 阅读全文
posted @ 2017-09-27 18:45 邹天得 阅读(921) 评论(0) 推荐(0)
前端感官性能的衡量和优化实践

摘要：https://mp.weixin.qq.com/s?__biz=MjM5NjQ5MTI5OA==&mid=2651746792&idx=2&sn=7e36885e1a5a45d6d422673de812ceb2&chksm=bd12a8a58a6521b3ef1b110ce42d5b9e5080a 阅读全文
posted @ 2017-09-27 15:22 邹天得 阅读(299) 评论(0) 推荐(0)
Url后面要加斜杠吗？关于链接后面加斜杠的问题

摘要：http://www.360doc.com/content/16/0331/11/32095775_546763091.shtml 近期有不少客户在问我们，Url后面要加斜杠吗？是加了斜杠对优化好一点儿呢，还是不加好一点？郑州做网站专家新仲达网络为您详细讲解一下这个问题。Url加斜缸与不加斜杠的形式 阅读全文
posted @ 2017-09-27 09:52 邹天得 阅读(2714) 评论(0) 推荐(0)
defer和async的区别

摘要：https://segmentfault.com/q/1010000000640869 两仪 2014年08月19日提问 先来试个一句话解释仨，当浏览器碰到 script 脚本的时候： <script src="script.js"></script> 没有 defer 或 async，浏览器会立即 阅读全文
posted @ 2017-09-26 20:56 邹天得 阅读(186) 评论(0) 推荐(0)
如何在前端统计用户访问来源

摘要：https://www.sensorsdata.cn/blog/yong-hu-lai-yuan-tong-ji/ 盛永根 2016年01月27日 用户来源是网站数据分析中一个重要的指标，然而想要准确的统计来源却并没有唯一的方法。下面我们针对获取来源的方式、来源的定义做一些具体的阐述；并且以sens 阅读全文
posted @ 2017-09-26 20:48 邹天得 阅读(536) 评论(0) 推荐(0)
降低首屏时间，“直出”是个什么概念?

摘要：http://www.cnblogs.com/vajoy/p/5079943.html posted @ 2015-12-27 15:08 vajoy 阅读(3889) 评论(5) 编辑 收藏 早几年前端还处于刀耕火种、JQuery独树一帜的时代，前后端代码的耦合度很高，一个web页面文件的代码可能 阅读全文
posted @ 2017-09-26 14:31 邹天得 阅读(237) 评论(0) 推荐(0)
7 天打造前端性能监控系统

摘要：http://fex.baidu.com/blog/2014/05/build-performance-monitor-in-7-days/ zhangtao | 11 May 2014 引言 前阵子在w3ctech的走进名企 - 百度前端 FEX 专场上曾“夸下海口”说听完讲座后七天就可以打造自己 阅读全文
posted @ 2017-09-25 20:28 邹天得 阅读(265) 评论(0) 推荐(0)
前端数据之美 -- 基础篇

摘要：http://fex.baidu.com/blog/2014/05/front_end-data/ zhangjunah | 07 May 2014 引言 对于一个成熟的产品来说，隐藏在产品背后的数据分析是非常重要的，也是必不可少的。特别是在重视用户体验的今天，需要我们及时了解产品的使用情况，分析数 阅读全文
posted @ 2017-09-25 20:26 邹天得 阅读(180) 评论(0) 推荐(0)
白屏时间，domc，整页时间，首屏时间

摘要：http://blog.csdn.net/redtopic/article/details/70677690 业界衡量移动web app交互性能的优劣主要是通过监测webview渲染页面时白屏时间，DOM树构建时间，整页时间和首屏时间这三个指标来完成的，那么这四个指标分别的意义是什么呢？我们从w3c 阅读全文
posted @ 2017-09-21 16:12 邹天得 阅读(632) 评论(0) 推荐(0)
window.performance 详解

摘要：https://github.com/fredshare/blog/issues/5 window.performance详解 performance的作用 浏览器暴露给js的一个接口，可以通过这个接口查看用户访问网站的连接建立时间、dns时间等信息。使用该api时需要在页面完全加载完成之后才能使用 阅读全文
posted @ 2017-09-21 15:50 邹天得 阅读(2487) 评论(0) 推荐(0)
web性能优化之：no-cache与must-revalidate深入探究

摘要：https://segmentfault.com/a/1190000007317481#articleHeader5 引言 稍微了解HTTP协议的前端同学，想必对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。 常见的值有有private、public、no-store、no- 阅读全文
posted @ 2017-09-09 18:41 邹天得 阅读(1156) 评论(0) 推荐(0)
Header Field Definitions

摘要：https://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html#sec14.9 14 Header Field Definitions This section defines the syntax and semantics of all stand 阅读全文
posted @ 2017-09-09 18:39 邹天得 阅读(234) 评论(0) 推荐(0)

1 2 下一页
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3