Yslow&PageSpeed– 诊断各种缓慢症状
amp 各种 诊断 缓慢
2023-09-27 14:27:24 时间
Google的PageSpeed和yahoo的yslow是各位不可少的前端工具(同样也都是firebug的插件,安装了firebug之后才可以拥有她们),当各位无法用三寸不烂之舌收拾产品和各种大佬的时候。我猜您可以用这两锅说服他们。
slow地界面一如往常的顺眼
下面简单说一下yslow的主要功能
其中上图标示3的地方是yslow的几个主要功能的选项卡。
第一个选项卡是当前页整体评分(Grade),个人对这个很不敏感。点选后为下图(个人对评分很不敏感)
第二个选项卡是当前页的一些加载进来的各种文件统计,点选后为下图
第三个选项卡是状态,左边的饼图是缓存前的状态,右边的是缓存后的状态。点选后为下图
第四个选项卡是一些yslow推荐的优化工具(我个人经常用的是smush,可以无损压缩各种web端的图片)点选为下图
OK,最后一个小工具PageSpeen带着明显的google血统出场了,一如既往的简约而不简单。
在各位激活pagespeed地时候,就会立刻不骚等的出现当前页面的一些需要优化的提示。红色表示急切需要优化,黄色表示还阔以。绿色表示优化的很好。
当点开急切需要优化的optimize images这栏的时候,就会出现这样的界面,直接点选图片就会下载已经压缩好的图片,十分安逸。(本地的html不阔以压)
相关文章
- STM32M4_SPI&USART
- 基于深度学习的大规模 MIMO电力系统功率分配研究(Matlab&Python代码实现)
- python-day6 多个变量接受函数返回的结果&两个变量交换值
- ***LANMP镜像手册(Apache&Nginx)-lanmp-oneinstack
- 【MySQL】MySQL-主从复制-集群方案-数据一致性问题解决方案 && MySQL备份的各种姿势
- JQuery & Javascript
- GreenPlum 大数据平台--备份-邮件配置-gpcrondump & gpdbrestore(五)
- 【人工智能底层基础】(云计算、AI深度学习开源框架、AI数据服务、云计算服务)&【人工智能核心技术】(计算机视觉中常见的目标检测算法、自然语言处理、语音处理、知识图谱以及知识图谱的构建流程)
- C++中引用符号(&)的用法
- AT&T确认进行400Gbps以太网连接测试
- TableEdit UI_10
- Centos 6.4 安装erlang&rabbitmq
- git commit规范&工具安装使用
- MFC多线程内存泄漏问题&解决方法
- jQuery -> 获取各种滤芯(filter)
- 【Debug】 你所不知道的各种前端Debug技巧系列Network - Overview & Settings---第15天
- 【原创 Hadoop&Spark 动手实践 8】Spark 应用经验、调优与动手实践
- Android RecyclerView下拉刷新 & 上拉加载更多