GoogleのPageSpeed Insightsの点数を改善する方法 | 経験知
※本ページはプロモーションが含まれています 作成:2015/05/20 更新:2017/03/06 以前からGoogle AdSenseのダッシュボードにあるスコアカードの「サイトの状況」が満点でないことが気になっていました。 「PageSpeed Insights」で確認すると、モバイルは63点、パソコンは82点でした。 ページの表示スピードが遅いということは、せっかく来てくれた人をイライラさせてしまいます。 このブログの場合7割の人がモバイル端末でアクセスしているので、モバイルの点数が低いのはいただけません。 そこで、ページ表示スピードを上げるために「PageSpeed Insights」で指摘された部分を修正しましたので、その方法を紹介します。 2015年5月21日追記：モバイル63点になる前に行っていた対策「画像を圧縮」と「CDNを使用する」を追加しました。 追記終わり 画像を圧縮
W3 Total Cache（Wordpress）のインストール・設定手順（使い方）と、スマホ対応によるエラーについて
エンジニアの転職情報サイト > WordPress > W3 Total Cache（WordPress）のインストール・設定手順（使い方）と、スマホ対応によるエラーについて 公開日：2014-09-06 更新日：2022-10-16 W3 Total Cache とは・・・キャッシュによって「Wordpressブログ」の表示速度を上げるためのプラグインです。 WordPressは、データベースからコンテンツを取ってきて、動的にページ生成する仕組みをとっているため、静的なページを表示するのと比べると、大幅に遅くなります。 そこで、「キャッシュ」によって、動的にページ生成する工程を排除し、静的なページとして表示することで、大幅に表示速度を改善することができます。 キャッシュとは、「一時的に保存されるデータ」のことで、そのデータが「Wordpressのページ」です。 なので、このキャッシュを表
エックスサーバーで500エラーが頻発する時の原因と対応
私はこのブログおよび他のブログやサイトのレンタルサーバーにエックスサーバーを使っています。そこで500エラーが出るようになってしまった原因が意外なものでした。 サーバー移転をしてしばらく経つと、別のブログで500エラーが頻発するようになってしまいました。 shumaiblog.comは正常に表示されているのにおかしいな？ということでサポートにメールで問い合わせてみました。 すると、意外な原因が。 WordPress用のPHPの他に、メールのIMAPでの接続でプロセス数が多く占められているという回答でした。 質問は19時10分に送信したところ、回答が21時03分に来ました。 2時間で回答が来るとは！エックスサーバーのサポートは迅速な対応で満足です。 確かに、私はMacBookからのメール設定はPOPではなくIMAPを使用するようにしていました。 理由はPOPよりいいかな？という適当なもので何
WordPressでscript要素をまるっとサクッと非同期化する方法
ちょっと久々にWordPressネタ。 今回はwp_head()関数とwp_footer()関数から出力されるscript要素を非同期( async )化しようじゃないかというお話です。 いわゆるレンダリングブロックの原因であるjavascriptの読み込みを遅延させて、体感速度を上げていきます。 code.close() Photo by ruiwen async 属性を使おう async属性をざっくり説明すると、script要素に指定することで実効タイミングを指定することができる論理属性です。 asyncを付与すると、利用可能になった時点でスクリプトを実行します。 <script async src="... 記述としては上の通り。 javascriptの実行時にレンダリングブロックせず、非同期で実行されます。 WordPress で async 属性を使う そんなasync属性をWo
ページの表示速度を改善する方法 | Web Design Leaves
ページの表示速度を改善する方法について調べたことのメモ。 gzip 圧縮での高速化 自分でファイルを圧縮する方法とサーバーでファイルを圧縮する方法の２通りある。 ファイルを gzip 圧縮して .htaccess で圧縮ファイルを読み込む指定をする 静的なウェブのあまり変更のないファイルに対して向いている。 Windows でファイルを圧縮するには、専用のソフトを使うか、CSS や JavaScript を圧縮するなら次のページで可能。Online JavaScript/CSS Compression Using YUI Compressor 圧縮すると、ファイルの拡張子は「.gz」になるのでこれをサーバーにアップロード。 例えば、「base.css」を圧縮すると「base.css.gz」になり、サーバー上には「base.css」と「base.css.gz」の2種類のファイルがある。 以下
これだけ見れば大丈夫！ーMySQLパフォーマンス監視のツボ（システム編）｜技術ブログ｜北海道札幌市・宮城県仙台市のVR・ゲーム・システム開発 インフィニットループ
これだけ見れば大丈夫！ーMySQLパフォーマンス監視のツボ（システム編） こんにちは nob です。 前編 これだけ見れば大丈夫！ーMySQLパフォーマンス監視のツボ（クエリ編） の記事から１年半が経過してしまいました。ちょっと長いお休みでしたが、その間に蓄えた MySQL パフォーマンス監視の実戦経験を（システム編）としてお届けいたします！ 今回の（システム編）で紹介するツボは 4 つです。（クエリ編）のツボに加えて、この4つに注目して頂ければ MySQL のパフォーマンス監視もバッチリです。 （ツボ１）Load Average < (1 + (cpu数-1)/3) （ツボ２）Checkpoint Age が水平線になったら要注意 （ツボ３）MyISAM は無いよね監視 （ツボ４）万能選手スローログ なお前編と同様この記事では監視ツールとして Cacti と Percona MySQL
HTTPリクエストを減らすために【序章】HTTPリクエストは甘え - MOL
このシリーズはHTTPリクエストの理解を通じてWebパフォーマンスの重要性について考える5章構成になっている。 【序章】HTTPリクエストは甘え 【CSS Sprite編】スプライト地獄からの解放 【WebFont編】ドラッグ＆ドロップしてコマンド叩いてウェーイ 【DataURI編】遅延ロードでレンダリングブロックを回避 【終章】我々には1000msの猶予しか残されていない 1日目は、HTTPリクエストの概要について説明する。 例えに、私のポートフォリオページ（t32k.me）が表示されるまでの流れを見ていく。まず、検索からでも方法はなんでもよいが、ブラウザのURLバーにt32k.meと打ち込んでアクセスする。そのページを見にいくということは、つまりt32k.meに対してHTTPスキームでリクエストするということを意味している。 クライアントであるブラウザは入力されたURLを判断して、リソ
WordPressで作られたWebサイトの表示速度を早くするためにできること
WordPress 楽しんでますか？ 今回は WordPress で作られたWebサイトを少しダイエットさせて、表示速度を早くするために、やっておいたらいいかもしれない Tips をいくつかご紹介します。 私は WordPress が大好きなので、もちろんこのブログも WordPress で作っています。でも WordPress は PHP で作られているブログツール。ブラウザで表示されている Webページは、PHP によって動的に作られた HTMLです。 Webページを表示するたびに、Webサーバの中で PHP が働き、HTMLを吐き出しているので、最初からHTMLで書かれた Webページに比べて、表示が遅くなる傾向があります。 私のブログは、毎日のアクセスがそれほど多い訳ではないので、それほど神経質にはなっていませんが、一時キャッシュ系のプラグインの使用と、その他にもいろいろ工夫をした
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
