天天看點

高性能web建站(使用LINK将css放在head中)

版權聲明:歡迎轉載,請注明沉默王二原創。 https://blog.csdn.net/qing_gee/article/details/80123541

對于為什麼要“使用LINK将css(注意是所有的)放在head中”,我做出以下解釋:

1. 将CSS放在頁面底部會導緻FOUC以及白屏現象,取決于浏覽器做出的抉擇,但展現都很差。

2. 将CSS放在頁面頂部,浏覽器會第一時間選擇加載CSS而不是gif等其他需要的,這樣頁面将會逐漸呈現,給使用者更好的體驗。

3. HTML的規範中規定,LINK隻能出現在head中,但後來很多網站違背了這個原則,而浏覽器為了相容這些網站做出了妥協,然而卻引發了FOUC和白屏的問題,解決方案如題。