網站在負載之間閃爍

我的website在負載之間閃爍。我應用了this stackoverflow問題中建議的方法，但沒有運氣。這三個頁面的加載nav.html文件有：網站在負載之間閃爍

$.get("nav.html", function(data){ 
    $("#nav-placeholder").replaceWith(data); 
});

請查看該html的代碼頁源。該網站是基於我的另一個問題here以這種方式構建的：本質上，我希望navbar項目僅在一個文件中描述（nav.html），因此如果我選擇對其進行任何更改，則只需編輯一個文件。

此FOUC是將客戶端放入包含邏輯的主要問題。有沒有辦法可以使用服務器端包括？它可以完全避免這個問題，並節省網絡帶寬。 –

我來自您的上一篇文章。我建議你試試我的解決方案（使用PHP）來解決你的問題。我認爲它不會再閃爍，因爲它與頁面的其餘部分同時加載。 [鏈接到我的答案]（http://stackoverflow.com/a/38218059/6310279） – Relisora

@Relisora謝謝。雖然當我在我的Mac上使用PHP時，我無法在本地查看網站 - 只有當它在服務器上運行時，php似乎才起作用。 –

這與網站/網絡服務器的性能沒有任何關係。

這是因爲你爲每個導航點加載一個新的html文件。

要解決這個問題，您需要通過異步方式獲取新內容並替換已經加載在頁面上的現有內容。這通常通過Javascript完成。步驟將是

這也意味着你的網址永遠不會改變。它會停留在.../about.html

2016-07-06 09:16:21

我讀過的地方，ng-cloak在這種情況下是有用的，但沒有研究它....也許這將是有用的你做一些挖掘。 ngCloak docs

2016-07-07 08:57:47 UnuSec

回答