最後のパフォーマンスとハードウェアアクセラレーショントラップを移動します

1.減らすか、または再描画(ページ再描画)、リフロー(ページ還流)を避けます

再描画:フォント、色などの変化のスタイルを、

リフロー:再描画よりも大きいコストの変化(DOMは、その要素の動作として理解されます)

2.すべてのデータをキャッシュすることができるキャッシュするようにしてください

3. CSS3操作の代わりに、DOM、animate.css変換

非主流のパフォーマンスの最適化の原則

1.(例えば、絶対相対ような)非静的位置決め要素にCSSアニメーションを増加しません  

2.ハードウェアアクセラレーションの適切な使用

単純な例では、キャンバスに描かピクチャである、それはハードウェアアクセラレーションをトリガします

または、transfrom変換としてレイヤーを追加するには:translate3d(0,0,0)

H5モバイルフロントエンドのパフォーマンスの最適化ガイドライン:

https://blog.csdn.net/wexin_37276427/article/details/82026532

おすすめ

転載: www.cnblogs.com/chm-blogs/p/11388748.html