如何使用谷歌图表在Google PageSpeed上获得100分?

时间:2014-01-10 23:13:11

标签: javascript html5 charts google-visualization pagespeed

我正在尝试使用谷歌图表在Google PageSpeed Analyzer上获得100分,但继续“缩小https://www.google.com/ ... + +,默认+ en,ui + en,核心图+ en.I压缩后.js可以节省1.7KiB(减少1%)。“我怎样才能获得满分? TIA 这是我的基本示例代码:

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"></head>
<body><div id="myChart"></div></body></html>

<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    window.onload=function(){pie();}

    google.load('visualization','1.0',{'packages':['corechart']});
    function pie(){
        var data=new google.visualization.DataTable();
        data.addColumn('string','Type');
        data.addColumn('number','Percentage');
        data.addRows([['WE',99],['THEM',1]]);

        var options={'width':500,'height':400,'is3D':true,'chartArea':{left:25,top:25,width:"100%",height:"100%"}};

        var chart=new google.visualization.PieChart(document.getElementById('myChart'));
        chart.draw(data, options);
    }
</script>

1 个答案:

答案 0 :(得分:1)

Google Page Speed Analyzer正在检测您是否拥有可以缩小的资源 - 在这种情况下是您的javascript文件。代码缩小是一个简单的过程。只需通过代码minifer运行代码 - 它将消除代码无法正常运行所需的任何空格。这样做会减少资源的文件大小,从而加快用户的下载速度。

请查看Google Page Speed Analyzer的文档,了解建议的代码小工具:

https://developers.google.com/speed/docs/insights/MinifyResources