網頁加載時使頁面元素失效

各位應該看到了我的網站在加載時會出現一個層覆蓋在頁面上,致使頁面元素失效。

這樣做的好處在於:

*可以把一些必要但影響速度的元素放在頁腳加載(如我的頂部工具條、jQuary),使頁面主體部分儘快展示出來

*可以保證用戶瀏覽時所有元素已經加載完成,不影響到用戶對頁面中各元素的正常使用。

你在使用本文提到的技巧前,可以先把放在頁面頭部(對於wp來說是header.php)的一些div、js元素(比如,如果你用了萬戈工具條代碼版或我的頂部工具條代碼,你就可以放在頁腳之前;對於jQuary庫和代碼,都可以移動到頁腳但要保證jQuary庫在所有jQuary代碼前被加載)移動到頁腳(對於wp來說是footer.php)。

首先,在頁面頭部的前添加如下代碼:

之後添加一個空行,在這裏添加:

然後,在頁腳的前一行,添加下面的代碼:

最後,是樣式,wp可以添加到style.css,普通網站放到style標籤中

歡迎各位留言討論,發現問題請及時告訴我(留言或E-mail) 😉 。

CC BY-NC-SA 4.0 網頁加載時使頁面元素失效 by kinosang is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

發表迴響