Choppy slide animation for mat-sidenav on mobile chrome

#### Bug, feature request, or proposal:
The animation for sliding in mat-sidenav (in `over` mode) on Chrome (latest) on older Android phones (reproducible on Xperia M5 E6633 with Android 6.0.0) is very choppy and slow

#### What is the expected behavior?
Animation should be smooth. Other sidenav libraries (at least those which use transform) are smooth.

#### What is the current behavior?
Choppy animation

#### What are the steps to reproduce?
A new project with Angular 6 and `ng add ... sidenav-stuff ...`

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular, Material 6, TS 2.7.2, Chrome Android 66.0.3359.158

Chrome for Android 上で over モードの mat-sidenav を使用する新しい Angular 6 プロジェクトで問題を再現します。できれば報告された Xperia M5 環境を使用してください。まず mat-sidenav のアニメーションパスを調査し、その動作を transform ベースの実装と比較します。報告された古い Android デバイス上で sidenav のアニメーションが滑らかに動作し、他のモードにリグレッションがないことを確認できれば完了です。

索引モデルが issue の本文から書いたものです。