原文地址：https://segmentfault.com/a/1190000014832185

　　spa頁面首屏加載速度沒加ssr優化很慢，需要用戶等待，這時前端如果這個首屏預加載可以提高用戶體驗，於是等著這個教程體驗了一番，下面說說自己在其中的經驗。

首先，說下其實骨架屏也是ssr的一種體現，也是基於vue-server-renderer包實現的，可以了解它的文檔。在文檔中也介紹了了（這也是骨架屏的必要因素），就是骨架屏的實現的對npm包的有嚴格要求，這是重中之重，必須檢查你的npm包的版本。

第二點，你在實現骨架屏註入的前置條件還有一個就是必須全局安裝webpack webpack-cli。

mac用戶在安裝的時候必須給權限安裝

sudo -s  輸入密碼
npm install webpack -g

第三點：骨架屏的場景應用不同，需要修改骨架屏樣式時不能註釋，而是應該刪除，因為在打包的時候會出錯。

我實現成功後，就把這個技術放到了我的博客上了，體驗方法如下：

清空瀏覽器緩存
將瀏覽器模式調至slow 3G模式
刷新

骨架屏的實現與總結