*

【高速化】JS/CSSを非同期読み込みにしたらサイトが高速化した時の個人的メモ


非同期読み込みとは

GoogleWebMasterToolを弄っていてスピードインサイトと言うのを見つけて弄っていたら改善案がGoogleから提案されたので実施してみたらSEOがアップしたので調子に乗ってブログにメモする。

今まではセマンティックコーディングを主に着目して作業を進めていたんですがサイトスピードのSEO効果は思っていたよりも早く効果が出るのでブラックハットみたいな手法を採用するよりは明らかに有用な手段だと思った。

一番最良の手法は恐らく レイアウトCSSを完全読み込みにしといて装飾関連のCSSやJSを非同期にすると言う手法がもっとも有用ではないかと思う。

レイアウトCSS > CSS/JS非同期化 > ソース圧縮

主な手法として JSは <script ~~~ async> </script>で非同期化できるのでお手軽。
CSSは <link id=”style” href=”css/style.css” /> rel要素を記述しないで後からJSで実行する手法

CSSの非同期読み込みについてはこちらの記事が参考になりました!


関連記事

CakePHP3系のroutesの設定の話 ルーティング

さてさてURL周りのお話ですが前の記事で静的ページを作る話をしましたが次はルートの話です。 例えば

記事を読む

DavisFrameWork

【CakePHP3】ログイン認証を使って管理画面を作る

ここ3日間でCakePHP3がかなり理解出来てきました。 やっぱり手を動かして書きながらテストしな

記事を読む

github

これから覚えるGitとGithubの知識と使い方のまとめ

プログラムをしている人なら誰もが一度はVer管理の問題ってのにぶつかった事があると思う。 Ve

記事を読む

DavisFrameWork

Guzzle6をコマンドラインからインストール

Guzzle6はちょこちょこ使ってるけど、久々に使おうと思ったら忘れそうになってたので個人的メモ

記事を読む

【CakePHP3】Controllerでの表示関係とTemplateのお話

ようやくCakePHP3が理解出来てきてある程度、自由に触れるかな?って言う手ごたえを感じています。

記事を読む

no image

スクレイピングライブラリPHP と Goutte3系のメモ書き

ひっさびさの更新! 最近Webクローラーにハマってます。 今やってるアフィリエイトの事で色々とス

記事を読む

no image

Gitで新規レポジトリを作る流れ【Git超初心者】

Gitの必要性 最近Gitを友人から教わりスタートしました。 私自身もずっと個人事業で一人開発だ

記事を読む

DavisFrameWork

CakePHP3で単一ページを作る方法

CakePHPは色々出来て便利ですね。 チュートリアルを一通り見てDBが便利に使えたりするのは分か

記事を読む

no image

CakePHP3でモバイル判定 is_mobile()

物凄く簡単でしたな。 これは便利で使いやすい!と言うわけでCakePHP3でスマホ(モバイル)の判

記事を読む

Controllerでリレーション先のテーブルの並び替え

【CakePHP3】リレーションの外部テーブルをORDER BY ASCしたい件について

ポータルサイトを開発していて 都道府県→市町村→エリア と言う部分を作ったが、都道府件のプルダ

記事を読む

Controllerでリレーション先のテーブルの並び替え
【高速化】JS/CSSを非同期読み込みにしたらサイトが高速化した時の個人的メモ

非同期読み込みとは GoogleWebMasterToolを弄ってい

Controllerでリレーション先のテーブルの並び替え
【CakePHP3】リレーションの外部テーブルをORDER BY ASCしたい件について

ポータルサイトを開発していて 都道府県→市町村→エリア と言う部

no image
Gitで新規レポジトリを作る流れ【Git超初心者】

Gitの必要性 最近Gitを友人から教わりスタートしました。 私自

no image
CakePHP3でモバイル判定 is_mobile()

物凄く簡単でしたな。 これは便利で使いやすい!と言うわけでCakeP

DavisFrameWork
Guzzle6をコマンドラインからインストール

Guzzle6はちょこちょこ使ってるけど、久々に使おうと思ったら忘れそ

→もっと見る

PAGE TOP ↑