• Yslow&PageSpeed– 诊断各种缓慢症状


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

    slow地界面一如往常的顺眼

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

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

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

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

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

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

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

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

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

  • 相关阅读:
    跨域上传文件
    算法
    websocket
    Bottle
    爬虫一
    RabbitMQ
    git&github快速入门
    centos6安装SaltStack
    ajax
    Django之Model操作
  • 原文地址:https://www.cnblogs.com/leejersey/p/3386549.html
Copyright © 2020-2023  润新知