摘要: 主要用于测试html的页面性能采集。介绍了传统的性能指标和采集方式,此外介绍了Google正在力推的以用户为中心的性能指标,以及相应的采集方式。 阅读全文
posted @ 2019-07-09 11:48 Young Dreamer 阅读(7142) 评论(0) 推荐(5) 编辑
摘要: 主要讲解页面统计中使用到的beacon特性,为什么要用beacon,并给出了实际案例。 阅读全文
posted @ 2019-07-05 10:32 Young Dreamer 阅读(918) 评论(0) 推荐(0) 编辑
摘要: 主要讲解一下前端为什么需要进行数据管理,有效的数据管理应该是什么样子的,最后挑选Flux、Redux、Vuex进行对比讲解。 阅读全文
posted @ 2019-06-27 15:01 Young Dreamer 阅读(1716) 评论(0) 推荐(2) 编辑
摘要: 单页应用产出的入口chunk大小随着业务的复杂度线性增加,导致后期加载速度越来越慢。后面就需要对不同路径下的模块进行拆分,打包到相应的chunk下,按需加载,找到chunk的大小、个数和页面加载速度的平衡点。 阅读全文
posted @ 2018-06-21 10:52 Young Dreamer 阅读(2446) 评论(0) 推荐(0) 编辑
摘要: webpack4在2月底的时候发布,这次webpack4有了一个名字"Legato",也就是"连奏"的意思,寓意webpack在不断进化,而且是无缝(no-gaps)的进化。webpack的进化点是通过捐赠者和用户投票来决定的,之前在介绍webpack3的时候,曾给出过投票数在前几名的优化点,集中在用户体验、构建性能(速度和产出大小)、通用和适配性(es module、typescript、web assemble)等。webpack4发布了,下面将结合文档和实践,验证一下webpack是否兑现了当初的诺言 阅读全文
posted @ 2018-05-16 10:48 Young Dreamer 阅读(10776) 评论(2) 推荐(7) 编辑
摘要: 本文主要介绍了selenium项目中selenium-webdriver的工作原理,同时给出相应的实例。 阅读全文
posted @ 2017-12-10 23:02 Young Dreamer 阅读(7170) 评论(0) 推荐(0) 编辑
摘要: 本文结合实例介绍了一下webpack如何使用tree-shaking技术,以及tree-shaking的若干局限性。 阅读全文
posted @ 2017-11-27 22:35 Young Dreamer 阅读(9712) 评论(0) 推荐(2) 编辑
摘要: 本文简单的介绍了sitespeed.io对web页面的分析结果、sitespeed.io的基本工作原理。 阅读全文
posted @ 2017-10-02 17:46 Young Dreamer 阅读(14844) 评论(2) 推荐(2) 编辑
摘要: 本文主要从HTTPS基本原理、证书的获取和httpd的https配置三个方面介绍了HTTPS静态服务的搭建过程。 阅读全文
posted @ 2017-09-13 20:54 Young Dreamer 阅读(6128) 评论(1) 推荐(1) 编辑
摘要: 本文主要参考google开发者文档,就Webkit渲染过程的关键路径进行概念介绍,同时结合开发者工具进行实际验证。 阅读全文
posted @ 2017-08-27 19:34 Young Dreamer 阅读(783) 评论(0) 推荐(2) 编辑