logo标签列表

如何使用Google Charts在Google PageSpeed上得分100？

javascripthtmlchartsgoogle-visualizationpagespeed
3

我正在尝试使用Google Chart在Google PageSpeed Analyzer上得分100，但是一直收到"Minifying https://www.google.com/…at+en,default+en,ui+en,corechart+en.I.js could save 1.7KiB (1% reduction) after compression."的提示。我该如何才能得到完整的分数？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>
你不应该收到那个消息 - 可视化 API 代码（链接指向的内容）已经被压缩了。 - asgallant
我完全同意你的观点，但是当我压缩了JavaScript部分后，我收到了那条消息。我不知道问题是来自可视化端、我的端还是PageSpeed端。如果问题来自我的端，我真的很想知道如何纠正它。感谢您的评论。 - xam
这可能是PageSpeed错误地识别了通过缩小文件来节省空间的机会，或者可视化API代码没有完全被缩小（不太可能）。 - asgallant
1个回答
1
谷歌页面速度分析器检测到您有可以缩小的资源，例如您的JavaScript文件。代码缩小是一个简单的过程。只需运行您的代码通过代码缩小器 - 它将消除任何不必要的空格，以使代码正常运行。这样做将减少资源的文件大小，并加快用户下载速度。
请查看谷歌页面速度分析器的文档以获取建议的代码缩小工具：

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

不确定您的建议是否直接与我的问题相关。我通过了“启用压缩”规则，但未通过“缩小JavaScript”规则。配置HTTP压缩是否有助于我通过“缩小JavaScript”规则？如果是这样，我应该开始尝试一下。谢谢。 - xam
1
不，实际上它完全不相关。抱歉，今天工作时间有点长 - 要缩小代码，请在网上搜索JavaScript缩小器。它只是将所有代码压缩到尽可能少的空格，同时仍然使其成为有效代码。 - Jerreck
1
@xam - 我修改了回答，以回答你实际提出的问题:D - Jerreck
我已经尽可能地对JavaScript进行了所有的压缩，但仍然无法通过“压缩JavaScript”规则。我知道上面的代码可以被压缩，但如果我发布上面的JavaScript的压缩版本，人们就不会理解我想做什么。换句话说，即使我压缩了上面的代码，我仍然无法通过“压缩JavaScript”规则。感谢您尝试回答这个问题。 - xam
也许如果您仔细检查PageSpeed给出的缩小建议，它建议缩小"https://www.google.com/…at+en,default+en,ui+en,corechart+en.I.js"，但这在我的代码中没有被调用。这对我来说是一个难题，不知道该怎么办。谢谢！ - xam
显示剩余2条评论
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接