關於preload的使用:
參考:定義:什麼是preload
一種宣告式的命令,讓瀏覽器提前載入指定的資源
但是,並不會執行,需要的時候,再執行
作用:1.將載入和執行分離,可不阻塞渲染
不阻塞document的onload事件
2.提前載入資源,
解決以來的font字型,過一段事件才會重新整理出來..
如何使用preload:
1.使用link的方式建立
2.或者可以使用js 來建立標籤
3.使用http響應頭的link欄位建立
link:;rel=preload;as=style
preload和profetch的區別:
1.preload:
瀏覽器必須要載入的資源,瀏覽器一定會載入的...
2.prefetch :
瀏覽器可能載入的資源,瀏覽器不一定會載入的...
使用的時候需要注意:
1.preload 資源載入提前,如字型必須要使用的
避免濫用,尤其是移動端
2.prefetch
**資源,使用者滾動的時候,拉去下一螢幕的元件
**使用者的動作
3.跨域載入資源的時候:
不許加crossorigin:
**:4.不同資源載入的時候:
網路的優先順序,需要注意一下的...
html頁面優化
一 html頁面優化 1.css檔案放在head，js檔案放在html尾部 的前面即可 2.儘量減少標籤，不多用乙個標籤 比如 clear清除浮動用 after 3.減少dns查詢 每引用乙個來自外部的檔案，就會有乙個dns查詢，一般對首次訪問 的速度會有影響。4.避免出現空的src，如 src 5...
頁面效能優化
以前的老大說過一句話，乙個頁面誰都能做。關鍵是誰能做好，乙個好是很關鍵的，首先是細節處理的好，效能優化的好。效能優化越來越重要，尤其是終端裝置越來越普及的今天，我也看了好多這方面的資料，總結一下有以下幾條 2 減少瀏覽器重繪和重排的次數 重繪會由改變元素的樣式如顏色visibility,重排是改變元...
頁面優化技術
瓶頸在資料庫。解決辦法加快取。快取 1.使用者在傳送請求時使用頁面的靜態化，把頁面快取在客戶端 2.請求還沒有到達 之前可以部署cdn節點，讓請求首先訪問cdn 3.可以使用nginx快取 4.接著在使用頁面級快取在詳細點可以使用物件快取 1.頁面快取 url快取 物件快取 使用頁面快取技術 手動渲...