1. 首頁
  2. 問答
  3. 如何使頁面加載感覺更快？

如何使頁面加載感覺更快？

2012-04-11 38 views
1

我想要減少我的頁面加載和顯示所花費的時間，假設我從一個空的瀏覽器緩存開始，並且這些頁面可能會或可能不會在html文件中具有內聯css和javascript。更改文件發送到瀏覽器的順序是否會縮短顯示時間，從而使頁面看起來更快加載？如何使頁面加載感覺更快？

例如，如果一個頁面有一些.css，.js，.png等文件，會先加載css，顯示速度更快？

是否有加載文件類型的標準/特定順序？

來源

2012-04-11 Darth Plagueis

回答

5

這裏有幾個步驟可以優化您的網頁的性能。

  • 把CSS放在頂部。

  • 將javascript放在底部。

  • 緩存一切。

  • 設置遠期未過期標題。

  • 適當時返回304。

  • 使用css和js的唯一url來傳播更改。

  • 除了使用ajax之外的任何地方。

來源

2012-04-11 09:50:22 iamgopal

0

首先確保您的webhoster沒有緩慢的服務器。這可以發生在非常便宜的共享網站webhosters上。比你應該檢查，你從你的html輸出中刪除所有unnessesary的東西。比你可以檢查你的內容是動態的還是靜態的。如果它是動態的，請嘗試將其轉換爲靜態內容。

在某些情況下，您可以簡單地激活CMS的緩存功能，該功能也應該有助於更快地發送網站內容。只需慢速連接，使用gzip壓縮輸出流可能會更好。但是這會花費時間。服務器和客戶端都必須進行壓縮/解壓縮。你也必須檢查。

如果您使用javascript並且延遲執行，您也可以使用ready事件在加載html文檔（而不是所有圖像等）後執行您的JavaScript，就像使用document.onload事件一樣。

來源

2012-04-11 09:48:44 rekire

1

js文件阻止頁面加載，直到它們被執行。如果可能的話，請在關閉主體之前加入那些

來源

2012-04-11 09:50:39 varan

3

當心過多的HTTP連接。建立HTTP連接需要時間，如果HTML文件中鏈接了許多元素，它可以輕鬆地減輕加載時間。

如果你有很多小圖標，字形等將它們組合成一個精靈，所以只加載一個圖像。例如Facebook使用精靈技術 - 你可以看到，如果你檢查它加載的圖像。

您還可以將您的CSS文件合併到一個文件中 - 與JavaScript文件相同。另外，如果您的JavaScript在加載時會影響頁面內容，那麼請確保在DOM準備就緒時使用通知您的事件，而不是等待正在觸發的正文事件load所有的資源，如圖像，CSS文件，JavaScript等被加載。

來源

2012-04-11 10:01:15 thomthom

0

您可以保存您的網頁加載時間使用一些技巧，如： - CSS像精靈，而不是要求每一個單一用途的每一個形象，這將最大限度地減少您的網站的HTTP請求，從刪除不必要的div標籤或不必要的代碼你HTML的標記 & CSS

在哪裏，我們可以通過CSS取得了良好的效果，所以我們不應該使用Jscripts那裏。 應該始終保持清潔的HTML標記沒有任何不敬的代碼。

組合文件是一種通過將所有腳本合併到一個腳本中，並將所有CSS合併到單個樣式表中來減少HTTP請求數量的方法。當腳本和樣式表因頁面而異時，將文件組合起來更具挑戰性，但使發佈過程的這一部分能夠縮短響應時間。

來源

2012-04-11 10:27:10

0

解決方案結果非常簡單，將所有不同的文件合併成一個大文件並使用zip壓縮該文件。不幸的是，如果你手動這樣做，你會遇到維護問題。該單個壓縮文件不再可編輯。因此，在編輯原始源文件之一後，您必須將其與其他文件重新組合並重新壓縮。

來源

2012-05-03 10:57:29

相關問題

 相關問題