2014-01-10 25 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

相關問題