移動網頁大小

Question

我有一位開發者設計了一個通過手機瀏覽器在手機上使用的金融應用程序。現在每個頁面都是150kb，這對我來說意義重大。沒有使用圖像，因爲它主要是HTML按鈕和CSS以及可能的JavaScript。 如何最小化頁面大小？

Answer 1

minify你的js/css/html。如果沒有幫助，則需要重構頁面以顯示較少信息，因爲您說沒有圖像，所以您無法在該前端進行任何優化

Answer 2

如果服務器尚未完成HTML壓縮，請啓用HTML壓縮。

目標手機上有哪些軟件？如果他們有能力的瀏覽器，那麼可以通過以JSON形式發送相關數據然後讓Javascript呈現相關的HTML來減輕一些重量。如果我們正在談論移動IE ...也許，也許不是。

而且，正如其他人所說，使用縮小。

在更高的層面上，你確定你每頁都需要這麼多的數據嗎？在移動瀏覽器上導航會很麻煩。

Answer 3

主要的事情已經說過了，但我會補充一點：
清理Html標記。檢查是否沒有不必要的嵌套標籤，div等。當DOM更輕時，它還可以幫助JavaScript更快地處理。

Answer 4

這是我目前正在處理的問題，我可以告訴你，你絕對會喜歡Steve Souders的書High Performance Web Sites。

你會在書中發現的第一件事是，你應該減少HTTP請求，並且這樣做的一種方法是將圖像置於所謂的「sprites」中（儘管你說你的設計師沒有使用大量的圖像，它仍然有助於推動那幾個圖像精靈）。

要做到這一點，你將需要一些工具（事業做手工只是浪費時間），爲此我用compass，這本書Pragmatic guide to SASS是爲這個話題absolutelly很大（它會開門見山，並展示瞭如何使用羅盤製作精靈 - 另外，我敢打賭，一旦你嘗試SASS，你將永遠不會回到香草的CSS）。另外，正如Midhat提到你應該縮小你的js/css/html，但最重要的是你應該把所有的js文件放到一個文件中（減少瀏覽器必須做的HTTP請求），所有的css代碼到一個CSS文件。另外，您應該將樣式表放在頁面頂部，腳本放在底部。無論如何，我列出的幾件事，以及史蒂夫書中總共14條規則。所以試試吧，你不會失望的。