WEB ページの読み込み時間を短くしよう - Qiita

まずは遅くなる原因を取り除こう この記事ではクライアントサイドに焦点を当てて紹介しますので、PHP や Ruby などサーバーサイドのプログラミングに関することは一切出てきませんのでご了承ください(o*｡_｡)oﾍﾟｺｯ サイトの読み込みが遅い場合、大抵はまずいやり方をしている一部分が足を引っ張っていることが多いと思います。 手当たり次第に最適化を試す前に「なぜ遅いのか？」問題の切り分けをしっかりやってから対応を考えましょう。 原因はどうやって特定するの？ PageSpeed Insights (developers.google.com) を使ってみる ブラウザ搭載のデバッガで調査するのが王道だけど、お手軽に調べるのであれば PageSpeed Insights がキャッチーでオススメです。 最低限のお作法について指摘してくれるので、指摘事項を直していけば割と解決します。（原因が曖昧なま

[footballnoaka]

最適化

[moegg]

“このように パース（緑）＞ レイアウト（赤）＞ リペイント（青）という流れで処理されます。 Chrome や Firefox などのメジャーなオープンソースブラウザの実装がこうなっているだけで、絶対ではない”

[suginoy]

“PageSpeed Insights”

[ionvir0]

高速化。lazy loadも発見

[do7be]

“変更するとレイアウトの予定がキューイングされるプロパティ一覧” が便利

[hidehara]

画像の最適化とかHTML/CSSリソースの圧縮とか、ユーザーエクスペリエンスには効くんだよねぇ。すごく良くまとまっていて、紹介されてるサービス群とか、すぐに使えそうでいい。