Vueでよく見られるパフォーマンス最適化、プロジェクト最適化/単一ページパフォーマンス最適化、Vueで6つの最適化スキーム

875 ワード

1.符号化の最適化
1.            data ,data        getter setter,      watcher
2. vue v-for                 
3. spa    keep-alive    
4.     (     .         ,        )
5. vif   false         ,      ,       v-if v.show
6. key     (  vue         }
7.object.freeze     (   getter setter)
8.          、    
9.     runtime     
10.         (  、  )

2.Vueロード性能の最適化
1.       ,        
2.          
3.     

3.ユーザー体験
1.app-skeleton     / app-shell app  
2.       

4.SEO最適化
1.      prerender-spa-plugin
2.      ssr

5.パッケージの最適化
1.   cdn           
2.      happypack
3.splitChunks       
4.sour ceMap   

6.キャッシュ/圧縮
1.      or      
2.    gzip