2014-01-10 24 views
3

我试图用谷歌的图表在Google PageSpeed Analyzer上得分100,但仍然得到“最小化https://www.google.com/ ... at + en,default + en,ui + en,corechart + en.I.js可以节省1.7KiB(1%压缩后)。“我怎样才能得到满分呢? TIA 这里是我的基本的示例代码:如何在Google PageSpeed上使用谷歌图表得分100?

<!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> 
+0

你不应该得到那个消息 - 可视化的API代码(这是该链接指向)是已经被缩小。 – asgallant

+0

我完全同意你的看法,但我收到了这条消息,就像我在缩小javascript部分后发布的代码一样。我不知道问题是从可视化结束,我的结束还是PageSpeed结束。如果它是从我的最后,我真的很想知道如何改正这一点。谢谢你的评论。 – xam

+0

这是PageSpeed错误地识别机会以通过缩小来节省空间的问题,或者Visualization API代码未完全缩小(不太可能)。 – asgallant

回答

1

谷歌网页速度分析仪检测到你有一个可以精缩资源 - 在这种情况下,你的JavaScript文件。代码缩小是一个简单的过程。只需通过代码少量代码运行代码 - 它将消除代码正常运行时不需要的任何空白。这样做会减少资源的文件大小,进而加速用户的下载。

看看在谷歌网页速度分析仪的文档中建议的代码minfiers:

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

+0

不确定您的建议是否与我的问题直接相关。我通过了“启用压缩”规则,但没有通过“Minify JavaScript”规则。配置HTTP压缩会帮助我通过“Minify JavaScript”规则吗?如果是这样,我应该开始解决这个问题。 TIA – xam

+1

不,实际上它根本就没有关系。对不起,工作很忙 - 为了缩小代码,只需在线搜索javascript minifyer即可。它只是将所有代码压缩到尽可能小的空白,同时仍然使其有效的代码。 – Jerreck

+1

@xam - 编辑回答你实际上问的问题:D – Jerreck

相关问题