GTmetrixやPageSpeed Insightsのスコアを上げを上げるための方法です。 細かい分析は専門家に丸投げしたいところですが、フロント寄りの人でも対応出来そうな、お手軽な項目をまとめてみました。 この記事に関連のあるキーワード: Nginx、Sass(Scss)、JavaScript、HTML5、CSS3、UI 元記事 下記エントリの転載になります。 Webサイトを分析してサイトを高速化させ、AA評価を目指す(お手軽版)- rokuro Fire 目次 GTmetrix、PageSpeed Insightsとは? フロントエンドの対策 document.writeを一匹残らず駆逐 外部JavaScriptファイルの非同期読み込みと、読み込ませるタイミングの変更 ソーシャルボタン系スクリプトの対策 CSSのファイル数を減らし、@importを駆逐 CSSの圧縮(Compassを
![Webサイトを分析してサイトを高速化させ、AA評価を目指す(お手軽版) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2b72041b24e347b07ec36dcb1959b55602523891/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9V2ViJUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgyJTkyJUU1JTg4JTg2JUU2JTlFJTkwJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgyJUI1JUUzJTgyJUE0JUUzJTgzJTg4JUUzJTgyJTkyJUU5JUFCJTk4JUU5JTgwJTlGJUU1JThDJTk2JUUzJTgxJTk1JUUzJTgxJTlCJUUzJTgwJTgxQUElRTglQTklOTUlRTQlQkUlQTElRTMlODIlOTIlRTclOUIlQUUlRTYlOEMlODclRTMlODElOTklRUYlQkMlODglRTMlODElOEElRTYlODklOEIlRTglQkIlQkQlRTclODklODglRUYlQkMlODkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTc2MDc4ZWQ3ZTM0ZjgzMTdkMzc3ZWE4ZjZmMjA5ZTIx%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGlyb2tpX3kmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTVmNDRkYWE1NzljNDk4OTMxN2E4NjdjOTA3MDJkNzVi%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Dd92c15001db5402611f680d7b03e5776)