2010-02-14 50 views
1

我剛剛在google應用引擎http://nu-lightbox.appspot.com/上創建了一個圖片庫。我在Windows XP和Ubuntu Linux中使用firefox 3.5測試了這個網站。如果你打開網站並點擊藍色的圓形箭頭按鈕,你會注意到動畫是多麼的光滑(不光滑)。調用所有JavaScript/jQuery專家 - Firefox如何處理javascript

奇怪的是,當我打開我的本地框中的HTML頁面,而不是通過谷歌應用程序引擎,動畫非常非常流暢。

據我所知,瀏覽器將緩存/下載一個HTML頁面,其JavaScript和任何相關的樣式表,當他們查看網站的用戶本地框。基於這個概念,我的圖片庫不應該有任何服務器端處理。所有的處理都應在客戶端/用戶瀏覽器的本地盒子中完成。

所以我不明白爲什麼當我在本地運行HTML頁面時動畫運行平穩,但是當我通過谷歌應用程序引擎查看它時存在很多滯後。

乾杯。

+0

我剛剛清除了我的Firefox離線緩存。我們可以從Firefox工具菜單清除我們的離線緩存。只需點擊'工具>選項>高級選項卡>網絡選項卡',然後單擊離線存儲部分的'立即清除'按鈕。 現在,照片動畫與我從本地框中運行網頁時一樣流暢。 這是一個解決方案嗎?或者這只是對實際問題的暗示?任何人都有這方面的經驗 – zfranciscus

+0

是的,請參閱編輯我的問題......糟糕的先前版本仍然可以通過JavaScript運行。 ESP。與多選項卡。 – Hogan

+0

爲什麼這個標籤爲google-app-engine? –

回答

0

如果所有內容都緩存在客戶端上,那麼它們應該以相同的速度運行。

我會使用Wireshark或Fiddler來檢查HTTP流量,以確保您知道究竟發生了什麼。

+0

嘿神話,謝謝你的建議。我一直想玩wirehark。我對Wireshark不太熟練,你能夠推薦我可以使用的任何簡單的wireshark過濾器。 乾杯 – zfranciscus

0

根據最佳實踐,將所有JavaScript放在頁面的末尾,並將所有CSS放在HTML HEAD元素中。

我猜你會看到更一致(和更快)的頁面性能。

加入編輯

此外,在瀏覽器上關閉所有標籤,然後重新啓動它。如果您在另一個選項卡中運行了錯誤的JavaScript,則無法分辨性能。 (Chrome在這個問題上效果更好。)