首屏時間（first contentful paint），指的是瀏覽器從響應使用者輸入**位址，到首屏內容渲染完成的時間，此時整個網頁不一定要全部渲染完成，但需要展示當前視窗需要的內容
首屏載入可以說是使用者體驗中最重要的環節
利用performance.timing提供的資料：
通過domcontentload或者performance來計算出首屏時間
// 方案一：
document.addeventlistener('domcontentloaded', (event) => );
// 方案二：
performance.getentriesbyname("first-contentful-paint")[0].starttime
// performance.getentriesbyname("first-contentful-paint")[0]
// 會返回乙個 performancepainttiming的例項，結構如下：
;
VUE單頁應用首屏載入速度優化方案
單頁應用會隨著專案越大，導致首屏載入速度很慢！以下給出在下知道的幾種優化方案 使用cdn資源,減小伺服器頻寬壓力 路由懶載入 將一些靜態js css放到其他地方 如oss 減小伺服器壓力 按需載入三方資源，如iview,建議按需引入iview中的元件 使用nginx開啟gzip減小網路傳輸的流量大小...
Vue 單頁應用的首屏優化
對於單頁應用，要在乙個頁面上為使用者提供產品的所有功能，在這個頁面載入的時候，首先要載入大量的靜態資源，這個載入時間相對比較長。所以我們需要做一些相應的優化，減少響應時間，盡快把首屏顯示出來。1 壓縮 無論是否為單頁應用，的壓縮都是要做的。對於vue cli生成的專案，在webpack配置檔案中使用...
單頁應用SPA 多頁應用MPA
spa單頁應用 第一次進入頁面的時候會請求乙個html檔案，重新整理清除一下。切換到其他元件，此時路徑也相應變化，但是並沒有新的html檔案請求，頁面內容也變化了。原理是 js會感知到url的變化，通過這一點，可以用js動態的將當前頁面的內容清除掉，然後將下乙個頁面的內容掛載到當前頁面上，這個時候的...