我的頁面加載時間過長！我怎樣才能減少頁面加載時間！

Question

嗨，大家好我正在測試我的應用程序。使用螢火蟲，我發現我的應用程序非常慢，需要加速。

我有一個超過700KB的巨大組合JavaScript文件，其中包括我所有的js庫，但鬼的部分是代碼本身需要20到40秒之間的任何運行。現在的事情是我的代碼基於zend框架並從郵件文件夾中檢索郵件 - 但是這太慢了。我怎樣才能加快速度 - 我如何判斷代碼的哪個部分正在收費？

========================

的JavaScript然而在同一時間的iissue的一部分，另一個問題是，頁面我正在討論通過電子郵件收件箱進行的特定閱讀。它是一個Webmail界面的前端，有數據庫調用正在進行，但時間似乎可以忽略不計。看看我使用microtime計算得到消息和代碼片段的時間。

我花時間爲每個代碼片段運行並在報告中附加一個標籤給他們，這就是結果 - 第一個數字是以微秒爲單位的時間，而數字i爲該片段的標籤代碼花了時間。我應該關注哪些片段。那些帶有重複標籤的標籤如此循環運行 - 它是一個電子郵件客戶端，每條消息都作爲一個循環來檢索。

[Log Entry 2010-07-10T10:49:44+00:00] 0.000446:::::01 

[Log Entry 2010-07-10T10:49:45+00:00] -0.100127:::::02 

[Log Entry 2010-07-10T10:49:46+00:00] 0.191738:::::get message 

[Log Entry 2010-07-10T10:49:46+00:00] 2.0E-5:::::get headers 

[Log Entry 2010-07-10T10:49:46+00:00] 0.000776:::::contacts check 

[Log Entry 2010-07-10T10:49:46+00:00] 0.174134:::::non multipart 

[Log Entry 2010-07-10T10:49:47+00:00] -0.842978:::::get message 

[Log Entry 2010-07-10T10:49:47+00:00] 1.2E-5:::::get headers 

[Log Entry 2010-07-10T10:49:47+00:00] 0.000834:::::contacts check 

[Log Entry 2010-07-10T10:49:47+00:00] 0.179016:::::non multipart 

[Log Entry 2010-07-10T10:49:48+00:00] -0.851685:::::get message 

[Log Entry 2010-07-10T10:49:48+00:00] 1.8E-5:::::get headers 

[Log Entry 2010-07-10T10:49:48+00:00] 0.001334:::::contacts check 

[Log Entry 2010-07-10T10:49:49+00:00] -0.587962:::::html part message 

[Log Entry 2010-07-10T10:49:49+00:00] 0.138799:::::get message 

[Log Entry 2010-07-10T10:49:49+00:00] 1.9E-5:::::get headers 

[Log Entry 2010-07-10T10:49:49+00:00] 0.002155:::::contacts check 

[Log Entry 2010-07-10T10:49:49+00:00] 0.181675:::::non multipart 

[Log Entry 2010-07-10T10:49:50+00:00] -0.856142:::::get message 

[Log Entry 2010-07-10T10:49:50+00:00] 1.6E-5:::::get headers 

[Log Entry 2010-07-10T10:49:50+00:00] 0.000803:::::contacts check 

[Log Entry 2010-07-10T10:49:50+00:00] 0.178046:::::non multipart 

[Log Entry 2010-07-10T10:49:50+00:00] 0.141544:::::get message 

[Log Entry 2010-07-10T10:49:50+00:00] 1.8E-5:::::get headers 

[Log Entry 2010-07-10T10:49:51+00:00] 0.001167:::::contacts check 

[Log Entry 2010-07-10T10:49:52+00:00] -0.188653:::::html part message 

[Log Entry 2010-07-10T10:49:52+00:00] 0.148198:::::get message 

[Log Entry 2010-07-10T10:49:52+00:00] 2.0E-5:::::get headers 

[Log Entry 2010-07-10T10:49:53+00:00] 0.00284:::::contacts check 

[Log Entry 2010-07-10T10:49:53+00:00] 0.336415:::::html part message 

[Log Entry 2010-07-10T10:49:53+00:00] 0.140683:::::get message 

[Log Entry 2010-07-10T10:49:53+00:00] 2.0E-5:::::get headers 

[Log Entry 2010-07-10T10:49:54+00:00] 0.003539:::::contacts check 

[Log Entry 2010-07-10T10:49:54+00:00] 0.311735:::::html part message 

[Log Entry 2010-07-10T10:49:54+00:00] 0.143097:::::get message 

[Log Entry 2010-07-10T10:49:54+00:00] 1.9E-5:::::get headers 

[Log Entry 2010-07-10T10:49:55+00:00] 0.001392:::::contacts check 

[Log Entry 2010-07-10T10:49:55+00:00] 0.313101:::::html part message 

[Log Entry 2010-07-10T10:49:55+00:00] 0.146926:::::get message 

[Log Entry 2010-07-10T10:49:55+00:00] 1.7E-5:::::get headers 

[Log Entry 2010-07-10T10:49:55+00:00] 0.000743:::::contacts check 

[Log Entry 2010-07-10T10:49:56+00:00] 0.173081:::::non multipart 

Answer 1

可以使用的XDebug與{K，贏} Cachegrind做一些分析和查找代碼的緩慢部分。 KCachegrind在linux上運行，比Wincachegrind更好。

Answer 2

通常，SQL查詢寫入不正確或迭代在循環下負責減慢網站。一個700KB的JavaScript文件不會讓它慢得多。試着找出哪些查詢執行時間太長，或者是否有一些查詢在循環中運行，嘗試找到一些其他方式來獲取沒有循環的相同結果。

Answer 3

很難說出問題出在哪裏，但如果它的加載本身可以爲Firebug安裝YSlow。

這將分析您的網站，因爲它加載。然後它將對它進行分級並確定問題領域 - 建議改進（通常是輕鬆獲勝）以幫助改善情況。這將有助於識別實際網頁資源的任何問題。

Answer 4

要檢測與提供給瀏覽器的內容相關的一些問題，請在Mozilla Firefox下安裝YSlow插件。您將獲得有關各種維度的一些成績：http請求計數，壓縮，動態CSS等。

Answer 5

對於性能分析，您可以嘗試What is the best way to profile javascript execution?或https://developer.mozilla.org/en/Venkman（具體請參閱here）。

除非JS正在處理大量數據，否則我會猜測問題在於執行了很多API調用回Web服務器（AJAX和類似的）。這應該很容易解決，比方說，如果你現在擁有並返回單個信息單元，那麼就可以製作接收和返回列表的API函數。 getText(1,2,5,6)與getText(1),getText(2),...

或者服務器本身的代碼被破壞，所以它是服務器需要20多秒才能響應一些JS查詢，它需要在實際構建頁面之前進行響應...