ページの最後で非同期に読み込むできあがったjsファイルをbody閉じタグの手前に入れます。scriptには一応ですがasyncを入れて非同期で実行されるようにします。付けて非同期読み込みで問題ありません。scriptタグのasyncについてMozillaが詳しく説明しています。asyncを付けた時の挙動が気になる方はこちらを参照して下さい。developer.mozilla.orgHTMLの軽量化html-minifierを使ってHTMLを最小化します。createErrorHandler('gulp.dest'));});HTML等のリソースを圧縮すると転送速度が速くなります。リソース(HTML、CSS、JavaScript)を圧縮するを参考にして下さい。サーバーサイドでリソースの圧縮とキャッシュお約束のmod_deflateとmod_expiresです。days"</ifModule>読み込むリソースを減らすFontAwesomeのフォントファイルをインラインSVGに置き換えるFontAwesomeはCSSの中からフォントファイルを読み込みます。使うアイコンが限られている場合はインラインSVGに置き換えてしまうとFontAwesomeのCSSファイルとフォントファイル、2つのファイルの読み込みを削減できます。FontAwesomeを使うにはclassにfaとfa-xxxxを指定します。fa-cogs"></i>これを以下のようにSVGをインライン展開します。797z"/></svg></i>展開しているSVGのスタイルをCSSで定義します。#fff;}FontAwesomeを個別にSVGにする説明は以下を参照して下さい。github.comまとめページ表示が速くなると気持ちいいですね。FontAwesomeのようにクロスオリジンの影響でCSS内でリソースを追加取得しているものはCDN経由を止めて自前でウェブサーバーに設置するか、この記事のようにSVGに置き換えてしまうと良いかも知れません。CloudFront等のCDNに設置するとさらに速くなります。ディスプレイ広告やアクセス解析タグが複数入ってくるとPageSpeedで100点を取るのがさらに手間で難しくなりますが、速いサイトは永遠のテーマですので頑張って追及して下さい。この記事はレコーディングダイエットができるウェブアプリを開発した中で「Twitterで共有する」機能を実装している中で色々調べた内容をまとめたものです。tkosuga.jpインストール必要なしブラウザで動作するのでよかったら試して見て下さいね。おまけWordPressを高速化するには?自前で色々な労力を割くよりもKUSAMAGIを使った方が確実に速くて堅牢です。kusanagi.tokyo高速化したWordPressの保守で苦労しないためには?保守で色々と苦労するなら最初からWordPress.comを使った方が確実で堅牢です。全ドメインがHTTPS対応しています。トラフィックの急増におびえる必要もありません。wordpress.comSEOのためにページ速度を上げるためには?まず以下の記事に目を通して下さい。Developersのパフォーマンスの最適化を読んで下さい。developers.google.comこれらページ速度最適化を行うにはCSS/JS/HTMLの知識の他に、サイトで利用しているフレームワークやプログラミング言語の知識が必須です。RubyOnRailsで作られているサイトであれば以下のようなスライドを読んで理解できる必要があります。Deck多くのサイトではネットワークよりもデータベースの性能がページ表示速度に大きく影響します。MySQLとPostgreSQLが遅いならば以下のようなスライドを参考にしてDBAやプログラマに相談する必要があります。yoku0825www.slideshare.netデータベースのボトルネックが解消されれば次にネットワークのボトルネックを解消します。具体的にはロードバランサーやリバースプロキシ、CDNの活用、リクエストを捌くウェブサーバーとアプリケーションサーバーの構成等の問題を発見し的確なアプローチを出来なければ速くなりません。クラウドコンピューティングやベアメタルサーバーの導入検討もここに分類されます。aws.amazon.comazure.microsoft.comcloud.google.com長くなってきたので話を折ります。SEOを目的としたページ速度向上はサイトのトップページだけ速くしてPageSpeedで良い点を取っても効果が薄いです。極端に遅いページが多数存在している、アクセスが集中したらすぐに遅くなる、アクセスエラーが頻発するようなサイトではなく、どのページに誰がアクセスしても速くて快適な状態を作るのがSEOでのページ速度向上です。そのためにはサイトを構成する一番上から下までに存在するボトルネックを1つづつ見つけて解消する必要があり、それを通して行うには相応の知識が必要です。SEOのためサイト速くする、という話は決して軽い話ではありません。サイトを開発・運用している現場と相談の上で進めるのをおススメします。Insightsで100点を取るために...2016-08-22Googleの情報でSEOを体系的に学ぶ絵はともだちが書いたみーこ。SEOはブラックボックスなイメー...2016-07-29夏だしダイエットしたいから痩せれるウェブアプリを作った写真はうちのみーこ。今年も夏がやってきました。月別アーカイブはてなブログをはじめよう!tkosugaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。