2013-10-21 59 views
1

我正在研究一個有10頁的應用程序。一旦我成功登錄到應用程序,這10個頁面中的每一個都將加載到不同的iframe中。所有這10個頁面都使用了5個JavaScript文件。提高網站性能

目前我正在下載這5個js文件在每頁加載。我想提高我的應用程序性能。而且我知道縮小HTTP請求的數量將會提高性能。

因此,不是每個頁面下載腳本,而是最好在頂部(登錄後)下載這5個JavaScript文件一次,並在每個頁面中使用已經加載的腳本窗口引用。這是正確的方法嗎?使用這種方法有什麼缺點嗎?

回答

0

是的,這是一個很好的方法,並且會使您的網站更快。

如果您將包含來自其他網站的js或css文件,則需要一段時間才能加載,並且您的網站性能會很低。

可以從其他網站包括文件的利弊如果提到網站刪除這些文件,那麼你的網站將無法正常工作,這將影響您的網站的功能。

因此,最好使用項目文件夾和 路徑中的文件。所以下載它,然後用它們

+0

其他缺點之一是,您將不得不手動更新庫(如果您使用的話)。即您將jQuery 1.8作爲文件包含在您的服務器上,但您需要1.9以上的功能 - 您必須手動重新下載和更新。但我想那是小豆。 –

+1

@Neurofluxation你是對的。但在這種情況下,用戶需要更新整個代碼。 –

0

一般來說,你希望把JavaScript文件頁面的底部(假設你不需要他們在頂部產生一些諸如使用document.write),使您的頁面可以加載快,然後頁面可以加載必要的Javascript。

你也可以考慮將js文件合併成一個被縮小的文件。這是一把雙刃劍,因爲它使調試非常困難,但它確實減少了應用程序需要做的HTTP請求數量。但是,通常來說,減少文件數量是提高性能的一個良好開端。

總體而言,儘管您不需要擔心性能問題,尤其是在不同的頁面之間。一旦加載了js文件,瀏覽器就會將其緩存起來,以便快速再次訪問它。

+0

我會把我的腳本放在頁面底部。我的意思是聲明「只在頂部下載這5個JavaScript文件並使用這些文件」,在我登錄的應用程序中,我在iframe中打開每個頁面。因此,在登錄後只加載腳本一次,並通過傳遞窗口引用在每個已加載在頂部的頁面中使用這些腳本更好。 – Aniket