# 作業2 前端效能調校-當機等候網頁 ## 修改前 ![](https://i.imgur.com/GNYR2DF.png) ## 修改後 ![](https://i.imgur.com/yvs10O7.png) ## 修改的地方 #### Performance ![](https://i.imgur.com/ys8HU3G.png) * 由於gif的檔案有點大且不穩定，我也使用了img來儲存GIF導致performance的數據不高 * 前 * ![](https://i.imgur.com/eqwaCmN.png) * 後 * ![](https://i.imgur.com/ceFu6GS.png) #### Best Pratice ![](https://i.imgur.com/xmKT3Jx.png) * 更改了video的大小 * 前 * ![](https://i.imgur.com/Xq15jK4.png) * 後 * ![](https://i.imgur.com/9M4zBng.png) #### SEO ![](https://i.imgur.com/pxtt5iR.png) * 元素提供搜索引擎在搜索結果中包含的頁面內容摘要。高質量、獨特的元描述使您的頁面看起來更相關，並可以增加您的搜索流量。 * 前 * ![](https://i.imgur.com/dhRPMRF.png) * 後 * ![](https://i.imgur.com/FeBnhf3.png)