Initial Site

Initial Site

Initial Site

実録・ユーザ目線!サイト表示高速化を切望する

  • サイトウ  2016/06/24 15:11
pixta_22308243_M_mini

早いもので、6月も下旬。
ジメジメ・・・ムシムシ・・・不快指数高
こんにちは、開発部サイトウです。

先に結論から、「まだ入会してないです」


ちょっと前の休日の出来事
家族で近所のアフリカまつり的なイベントに出かけてきました。
そこで、うちの地域に最近進出してきたT生協さんがPR活動をしていたんです。
安全安心な材料で作られたプリンをいただきつつ、説明を聞く。

有名どころのO社と同じトマトが半分の価格ぐらいで販売されていて、そこまで価格帯も高くないのはいいなー。とか、農薬不使用、飼料表示など商品ラインナップもまずまずで試しに使ってみてもよいかなと、あとでネットで見てみるかと話しながら帰宅。


生協リバイバル!
ネットスーパー、宅配サービスなど、今や便利なサービスが次々誕生している現在、なんで生協なの?
生協は数年前に一度利用していました。きっかけは、育児中の妹がやっていたので、赤ちゃん割引があるうちになんとなく試してみるかという雰囲気ではじめて3か月でやめました。引っ越すと対象エリア外になってしまい、理由も特になく退会。
あれから3年弱の時が経過し、再びの生協入会迷い中です。


ゆるい食養生活中
リバイバルの訳はこちらです。
いろんな食事健康法がありますが、食養という考え方があるそうです。
今まであまり意識してこなかったんですが、自分や子どものアレルギー体質は、もはや薬じゃ治らないでしょ。と悟り、こちらの本を読んで、簡単にできること、続けられることからやってみるかなと始めてみました。

amazonへGO「食事」を正せば、病気、不調知らずのからだになれる ふるさと村のからだを整える「食養術」

気になる人はお貸しします。お気軽に声かけてください。
ポイントはゆるくです。実践している事はまた別の機会に書きます!
そんな生活で、食材・調味料をできるだけ添加物、農薬の影響がないものにしたいなぁと思っていたところに、「生協」がやってきたんですね。


話を戻すけど、ネットで検索してみたんです。
自宅に戻って、最近気になっていた有機栽培野菜が魅力的なD社と商品見比べてみようかとサイトを検索してみました。
T生協さんのサイト、WEBで見るオンラインショップの商品一覧表示がめちゃ重い!!回線問題あるかもしれませんけど、D社はスラスラ読み込んでいくのに、こちらはローディングのクルクル。目が回る~

扱っている調味料の比較をしたくてカテゴリ探すけど、T生協さんの区分がザックリで探しづらい。比較し終わったころには疲れてしまいました。
日々の生活でこの待っている時間はストレス!!そんなことで扱う商品・価格自体には魅力があり、営業している人の誠実さも十分伝わってくるのに、即決に至らなかったという結果に。まだ検討中です。


人はもう待てない
贅沢なことに、サイト表示が気持ちよくない、もっさりしているとすぐ切り捨てていく世の中になってきているのでしょう。
推奨はファーストビューの1秒以内表示だそう。改めてユーザ目線でサービスを見たときに、サイト表示の高速化は最重要ポイントだなと思いました。いくらコンテンツ良くても見れなきゃ意味ない。機会損失の大きさは計り知れないですね。
サイトの高速化は最重要事項だなと改めて思いました。

 

サイト高速化するには、いろいろな手法があります。
まずは、サイトの状態を確認するところから始めて、コンマ何秒単位で削っていく地道な努力が必要!私自身がサイト構築に携わるときに常に意識しなくてはと思った出来事でした。


サイト表示速度を計測できるツール

pingdom
Pingdom Website Speed Test
読み込み速度以外にもページ容量や詳細の分析もしてくれる。無料とは驚きです!

 

 

GTmetrixGTmetrix
サイトの表示速度に対する評価をしてくれます。URL入力して「Analyze」ボタンを押すだけ。

 

 

PageSpeed InsightsPageSpeed Insights(Google)
Googleデベロッパーズのツールにもありますね。悩むことない、chrome開いてすぐやってみよ。上記ツールと同様、評価と改善提案が出てきます。


Googleのデベロッパーサイトにもページ推奨事項あり
PageSpeed Insights でのモバイル解析

1 秒という時間の制約を満たすのは簡単ではありませんが、この時間内にページ全体をレンダリングする必要はありません。代わりに、スクロールせずに見える(ATF)コンテンツを 1 秒未満で配信しレンダリングします。こうすることで、ユーザーは可能な限り早くページを利用し始めることができます。続いて、ユーザーがコンテンツの最初のページを読み進める間に残りのページをバックグラウンドで徐々に配信できます。(Google/PageSpeed Insightsより引用)

1秒未満、、、頑張ろ。

Qiitaにも参考になる情報ありましたよ。


コメントをどうぞ

ツールの記事

  1. フクロウ
    ジブリから学ぶ、モノの見方・考え方で似顔絵創作をしてみた
  2. デコゼリー
    今更ですが、放置していたTwitterを使い始めようと思います。
  3. pixta_22308243_M_mini
    実録・ユーザ目線!サイト表示高速化を切望する
  4. スクリーンショット 2015-08-04 14.48.35
    図解の技術

おすすめ記事

  1. 出典:無料壁紙:格闘技がテーマの写真やイラスト画像まとめ(格闘家・ブルースリー)
    ブルース・リーの出身地ってどこだかわかりますか?
  2. 月額課金地獄
    ネットサービスの月額課金地獄沼にハマる方法
  3. ハイビスカス
    ウチナーンチュが沖縄に帰った時に必ず行くお店10選+α
  4. イニシャルサイトコーポレートサイト
    コーポレートサイトをリニューアルしました
  5. なんでもQ
    相談Q&Aサイト「なんでもQ」開発中です!
  6. さんぽすフォトコンペ開催中
    今年もさんぽすフォトコンペ開催しました!

人気の記事

  1. ファミコン
    パズドラ、モンスト、白猫に続く次のゲームは…?
  2. konagaya_20150303
    日常でつい使ってしまう間違えやすい日本語
  3. konagaya20150513
    初心者でも気軽に登れて絶景が見れる山
  4. BBQ
    グループ会社合同フットサル&バーベキュー大会に参加しました(BBQ編)