【WordPress】WEBサイト高速化作戦part1〜現状把握と対応検討〜【PageSpeed Insights】


style="display:block"
data-ad-client="ca-pub-6476229459406568"
data-ad-slot="5613227532"
data-ad-format="rectangle">

ーーーーーーーーーーーーーーーーーー

・メディア掲載実績

・参加中ブログランキング

【PR】秋のG1イチオシの無料情報公開中!

ーーーーーーーーーーーーーーーーーー

どーもこんにちは。K-BA LIFEの中の人です!

 

10月は、模様替えの季節。

弊WEBサイトもテーマを「Stinger5」からTCDの「Gogeous」に変更しました。

このテーマになってから、競馬サイトらしくないデザインの良さになっていると思いませんか?(自画自賛w)

一度掃除をし始めると徹底的にやってしまいますので、今回は、題名にもある通り、弊サイトの高速化をテーマに、

記事にします。競馬と離れた内容ですが、お仕事で使用する人もいるかもしれませんし、是非ふ〜ん程度でみていただければ思います。

 

高速化とは

お気に入りから好きなサイトを見に行くときに、クリックしますが、中々表示されないとかありますよね?

確かに、大人気のサイトなどではアクセスが集中して、遅くなることもありますが、通常運用ではそのようなことはありません。

では、何故普通のサイトが遅いのか?

 

競馬サイト運営素人には、わからないんですね。

特に競馬しかしてこなかったので、こんなことわかるはずもないんですね。

WordPressを入れて、適当にプラグイン入れて、文字を書いて入ればかっこいい記事になる。

それがWordpressの良さですが、突っ込んだことは、上級者でないとできないです。

 

このように仕組みがよくわからないけど、クリックしてから遅いのは嫌だというサイトオーナーのために、

WordPressで作ったWEBサイト・ブログの高速化に到るまでの過程を、私が実体験を元に説明していきたいと思います。

 

現状把握

仕事でもなんでも、改善をする前には、現状の把握が必要です。

現状を把握し、計画を立て、実行し、効果を確認し、更に改善点を見つけるべく行動する。

これを難しい言葉で、PDCAサイクルを回すといいます。

今回のテーマでも、WEBサイトの高速化としておりますが、高速化には、聖域はありません。

早ければ早いほどいいのです。そのため、常に改善点を見つけて修正するというプロセスが重要です。

例に違わず、弊サイトでも現状把握をしてみました。

 

現状把握に使用したサービスは、下記。

 

PageSpeed Insights

 

何より簡単です。

自分のサイトのURLを入力するだけで、現状確認ができます。

 


style="display:block"
data-ad-client="ca-pub-6476229459406568"
data-ad-slot="5613227532"
data-ad-format="rectangle">


%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-10-21-11-51

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-10-21-12-07

私のサイトは、70%以上がモバイルからのアクセスですので、モバイルの点数を重視しました。

結果は、上記画像の通り、

速度:62点

ユーザーエクスペリエンス:99点

※ユーザーエクスペリエンスは、ユーザーにとっての使いやすさを重視したものです。

 

GoogleさんからのK-BA LIFEは、速度はそんなに早くないけど使いやすいサイトということになります。

 

つまり、課題としては、明らかに”高速化”のわけです。

 

そこで、高速化に向けて、対策を練ろうと思いますが、何をしたらわからない。。。

 

でも先ほどのPageSpeed Insightsをよく見ると、対策が載っています。

 

【最重要】

サーバーの応答時間を短縮する

スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する

【重要】

表示可能コンテンツの優先順位を決定する

画像を最適化する

ブラウザのキャッシュを活用する

 

この上記5つを対策がすることがわかりました。

 

この5つの対策については、次回以降適宜更新いたします。

 

おしゃれさやかっこよさと懸け離れたイメージのある競馬サイトでもおしゃれに使い勝手のいいサイトを作っていきたいと思います。

ーーーーーーーーーーーーーーーーーー

動画チャンネル

YoutubeにてK-BA LIFEの中の人とその仲間達で馬券バトルや予想やロケをしておりますので是非チャンネル登録をお願いします。

 

おすすめ競馬サイト

無料で使える競馬サイトを下記にまとめました。予想の参考や競馬力向上の為、ご活用頂ければと存じます。
❶指数的推奨サイト:うまコラボ

素人指数とは全然違う本格的な競馬指数を取り扱い、3連単BOXを推奨するユニークな競馬サイトです。

❷社台的推奨サイト:競馬セブン

とにかく社台情報はNo.1!社台のヤリ情報や外厩情報も無料ですのでお得です。無料配信のワケあり馬はかなりの確率できます。

❸コンテンツ充実サイト:RACE

非常にわかりやすく無料で重賞情報、追い切り、消去法の達人等を基本コンテンツにしており読み応えがあります。特に、次走の注目馬は、JRA VANのお気に入り登録やTargetを活用すれば役に立ちそうです。

❹総合的競馬推奨サイト:シンクタンク

トレセンこぼれ話や元JRA調教師の境様のココだけの話は、耳寄り情報多数ですし雑誌並みのコラムで無料なのは必見!

おすすめ競馬アプリ

ダービースタリオンマスターズ
名作ダービースタリオンマスターズも遂に1周年!1周年を記念して金の馬蹄石、新種牡馬を毎日くれるイベントを開催中!まだダウンロードされてない方は、下記リンクよりDLし、是非一緒にダビマスで熱く語りましょう!競馬で負けすぎたら絶対競馬アプリで時間つぶしが一番です!
iOS版
Android版
 

ダービーインパクト

900万人がインストールしているダービーインパクト略して”ダビパク”も非常にオススメです!競馬の面白みは網羅されており、ダビスタよりもリアル感を求めるのであればこちらがオススメです。イベントも多いので無課金でも十分楽しめる仕様ですし、配合がよくわからない人にでも道具と調教でわかりやすいくらい強い馬が作れます。よろしければ下記のリンクよりダウンロードして暇つぶししましょう!

iOS版

Android版

更新通知機能

人気の異常投票パトロールをタイムリーに入手するオススメツールです。

最近の投稿20

ページ上部へ戻る