website 性能检测 & 前端性能优化

https://cdn.xgqfrms.xyz/

https://mobile.xgqfrms.xyz/

PageSpeed Insights

https://developers.google.com/speed/pagespeed/insights/

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.xgqfrms.xyz

Lighthouse

PWA

https://developers.google.com/web/tools/lighthouse/

https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk


渲染树构建、布局及绘制

https://developers.google.com/web/fundamentals/performance/critical-rendering-path/render-tree-construction

https://developers.google.com/web/fundamentals/performance/rendering/

  1. JS / CSS > 样式 > 布局 > 绘制 > 合成

  1. JS / CSS > 样式 > 绘制 > 合成

  1. JS / CSS > 样式 > 合成

Layout Paint Composite / 布局 / 绘制 / 组合

refs

https://csstriggers.com/

https://github.com/GoogleChromeLabs/squoosh

https://github.com/GoogleChromeLabs/comlink

https://www.udacity.com/course/browser-rendering-optimization--ud860



xgqfrms 2012-2020

www.cnblogs.com 发布文章使用:只允许注册用户才可以访问!


最新文章

  1. 【转】HiveQL:对数据定义的学习
  2. 开源一个windows下的定时任务框架,简单粗暴好用。
  3. Java volatile的用法---转载
  4. css选择器及css优先级
  5. 图 - 从零开始实现by C++
  6. Ubuntu启动、停止、重新启动MySQL,查看MySQL错误日志、中文编码错误
  7. poj 2786 - Keep the Customer Satisfied
  8. js实现表格的增删改查
  9. 【第四篇】androidEventbus源代码阅读和分析
  10. 蓝桥杯-凑算式-java
  11. java编程基础复习-------第二章
  12. C语言的数组指针
  13. C++STL模板库适配器之stack容器
  14. Laravel篇二之本地版本库关联github
  15. Android Lifecycle使用
  16. [No0000B0]ReSharper操作指南1/16-入门与简介
  17. [原]C# 常用函数统计
  18. xp下对dinput8.dll 游戏键盘输入的模拟 非函数hook
  19. netty4.1.32 pipeline的添加顺序和执行顺序
  20. 转: 在hibernate中查询使用list,map定制返回类型

热门文章

  1. vuex有哪几种属性
  2. MonkeyRunner使用
  3. Elasticsearch从0到千万级数据查询实践(非转载)
  4. 踹树(Trie 字典树)
  5. 关于MinGW64的调试
  6. LOJ10131暗的连锁
  7. C#9.0:Records
  8. IDLE怎么修改背景?
  9. MiniProfiler性能分析工具— .Net Core中用法
  10. STL中去重函数unique