nwpct1 https://blog.hatena.ne.jp/nwpct1/ c-bata web https://nwpct1.hatenablog.com/ Github Pagesで公開しているポートフォリオサイトがそんなに色んな情報載せてる訳でもないのですが、遅くてあまり気持ちのいいものではないので、最適化していきます。 結論から書くと、2.87sぐらいかかっていた読み込みが1.57sぐらいになりました。 まだまだ細かいチューニングの余地はありますが、コストのわりに効果の大きそうなところを探って対処してみました。 Chrome Developer Tools, Page Speed Insightsとかで原因を探る JavaScriptのminify 大きい画像はプログレッシブ形式のJPEGに変換 ImageOptim CloudFrontでC… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnwpct1.hatenablog.com%2Fentry%2Foptimizing-web-frontend" title="Webフロント周りのパフォーマンスを計測・チューニングする - c-bata web" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/n/nwpct1/20161125/20161125170524.gif Hatena Blog https://hatena.blog 2016-11-26 17:09:00 rich https://nwpct1.hatenablog.com/entry/optimizing-web-frontend 1.0 100%