zoukankan      html  css  js  c++  java
  • Yslow&PageSpeed– 诊断各种缓慢症状

    Google的PageSpeed和yahoo的yslow是各位不可少的前端工具(同样也都是firebug的插件,安装了firebug之后才可以拥有她们),当各位无法用三寸不烂之舌收拾产品和各种大佬的时候。我猜您可以用这两锅说服他们。

    slow地界面一如往常的顺眼

    下面简单说一下yslow的主要功能

        其中上图标示3的地方是yslow的几个主要功能的选项卡。

        第一个选项卡是当前页整体评分(Grade),个人对这个很不敏感。点选后为下图(个人对评分很不敏感)

        第二个选项卡是当前页的一些加载进来的各种文件统计,点选后为下图

        第三个选项卡是状态,左边的饼图是缓存前的状态,右边的是缓存后的状态。点选后为下图

        第四个选项卡是一些yslow推荐的优化工具(我个人经常用的是smush,可以无损压缩各种web端的图片)点选为下图

        OK,最后一个小工具PageSpeen带着明显的google血统出场了,一如既往的简约而不简单。

        在各位激活pagespeed地时候,就会立刻不骚等的出现当前页面的一些需要优化的提示。红色表示急切需要优化,黄色表示还阔以。绿色表示优化的很好。

        当点开急切需要优化的optimize images这栏的时候,就会出现这样的界面,直接点选图片就会下载已经压缩好的图片,十分安逸。(本地的html不阔以压)

  • 相关阅读:
    Photoshop制作倒影的两种方法
    用CSS正确显示人民币符号的HTML转义字符
    CSS水平居中/垂直居中的N个方法
    有利于SEO的DIV+CSS的命名规则
    引用视频全屏播放代码
    分享:PHP获取MAC地址的实现代码
    设置nginx禁止通过IP访问服务器的方法
    php文件上传的例子
    apache开启gzip的方法
    perl命令批量替换文件内容
  • 原文地址:https://www.cnblogs.com/leejersey/p/3386549.html
Copyright © 2011-2022 走看看