2012-06-14 28 views
0

一直在監視Chrome的網絡開發工具欄的網絡標籤,並注意到它似乎需要一段時間(如幾秒鐘左右)頁面才能到達瀏覽器。該頁面沒有做任何繁重的工作,比如複雜的SQL查詢。網站速度:網頁開發工具欄顯示頁面需要一段時間

其他資產,如JS,CSS,圖像等似乎是合理的。來自同一服務器的未緩存圖像有時會比HTML更快地返回給瀏覽器。我使用的是CodeIgniter + Smarty。

任何想法,我應該看看找出瓶頸?更重要的是:我能做些什麼來使HTML加載速度更快?我的問題是關於HTML(因爲我的其他資源都很好)。假設創建頁面的腳本實際上在合理的時間內執行(微秒)。

+0

你有一個你可以分享這個網站的公共URL嗎?如果沒有,網絡面板的屏幕截圖可能會有所幫助。根據你的評論,我會懷疑CodeIgniter的性能問題。我從來沒有使用它,但它看起來像有一個可以幫助衡量其性能的分析器選項。 – BrianC

回答

0

要獲取詳細的性能信息和瀑布圖,去http://webpagetest.org

你怎麼知道這是你的HTML這是問題?

您是否嘗試渲染沒有任何其他資產的頁面,沒有圖像/ CSS/JS?

你的HTML有多大?

你能夠gzip /壓縮你的HTML?

從webpagetest到domReady的第一個字節和時間是什麼時候,這是HTML文檔對象模型完成的時間?

+0

我知道這是HTML,因爲網絡標籤顯示每個資產的時間表。 HTML被縮小和壓縮。 – StackOverflowNewbie

0

這裏有很多事情可以減少網頁加載時間,幾婁

。新增這個你.htaccess啓用內容壓縮

<ifModule mod_gzip.c> 
    mod_gzip_on Yes 
    mod_gzip_dechunk Yes 
    mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$ 
    mod_gzip_item_include handler ^cgi-script$ 
    mod_gzip_item_include mime ^text/.* 
    mod_gzip_item_include mime ^application/x-javascript.* 
    mod_gzip_item_exclude mime ^image/.* 
    mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* 
</ifModule> 

.Combine圖片到CSS精靈

。推遲加載JavaScript腳本

要了解更多關於您的網頁/網站的優化,您可以使用this tool

就我而言,使用任何模板解析器會使執行過程稍慢一些。

+0

嗨,HTML已被縮小和壓縮。 CSS也被縮小和壓縮,使用精靈,高效的選擇器等。我不認爲這是JS的問題,因爲我正在監控資產的時間表。似乎有一個滯後。我也使用PageSpeed&YSlow來優化我的網站,但這是我關心的HTML時間線。 – StackOverflowNewbie

+0

那麼,這裏是一個鏈接http://serverfault.com/questions/103479/is-page-loading-time-relevant,如果你能找到新的東西。 –