表示速度の向上を主題に色々変更

前回のリニューアルはスマホ対応がメインだったのですが、今回はUXの向上ということで主に表示速度の改善に努めました。

Start-Point.netをUXの向上を目的にリニューアル

リニューアル

ユーザーエクスペリエンスって響きがかっこいいですよね。JOJOのスタンドの如く。そいつを向上させるべく、サイトを表(フロントエンド)と裏側(サーバーサイド)の両面からリニューアルしました。前よりも表示速度がUPしました。ほかにも色々。

公開日:
最終更新日:

リニューアル 関連ワード
リニューアル
更新履歴
  • Twtterでシェアする
  • はてなブックマーク
  • フェイスブックでシェア
  • ポケットでシェア
  • LINEで友達に送る

サイト全体のリニューアル 2019年11月1日

Start-Point.netのサイトをリニューアルしました。

UXの向上を目的としたリニューアルです。
UXというかサイトの表示速度のUPをしたくて、サイト構造の裏側をガラッと変更しました。

自作のPHPとMySQLで作っているサイトなんですが、PHPをほぼ0から作りなおし、JQueryを極力使わず、ネイティブなJSに書き直し。(めんどくさいところはJqueryのままなんだけど。)

デザインもちょこちょこ修正して、とりあえずまとまりました。

表示速度高速化の結果

ローカル環境と、googleの計測系のタグを入れない状態で、Audits(ChoromeのF12押して → 一番右にある速度とかを計測できるやつ)で100点取れるようにしました。
アナリティクスとか入れるとスコア落ちるんだけど。これはしょうがないでよいのだろうか。

誰もが思っているであろう、Googleのせいで遅くなるのにGoogleは速度を重視するという矛盾。

体感でもかなり早くなったのでよしとします。

PHPの書き直しと、MYSQLの最適化と、Jqueryの排除と、画像のlazy処理(遅延読み込み)の追加などを行いました。
他サイトのものすごい早いところはもっと早いんだけど、CDNやサーバースペックなどもあろうかと思うので一旦、区切りをつけました。

ちなみにAMP対応はやってません。機会があればやろうと思いますが、しばらくやらないと思います。

そのほか変更点

OGP画像を全ページに追加しました。なかなか大変だった。
SNS全盛期にOGP画像がないのもちょっとあれですしね。

合わせてTwitterカードも大きく変更。

日本地図を書き直したり

このサイトの人気コンテンツの日本地図シリーズの日本地図の形がおかしいと前からちょくちょく言われていたのでこれを機に修正しました。

クイズコンテンツの表示方法を変更したり、もっとわかりやすくしたり。
ことわざクイズにフリガナ振ったり、結構時間かかりましたよ。

ちょこちょこリライトしたりもしてます。

やりたいことを1つずつかたずけていきます

今後、このサイトをもっと価値あるものにしていきたいと思っております。
What if の脱Flash化をまずはやっていきたいと考えてます。ずーっと前から考えてはいるんですが。

What if(Cool104) インストール不要 ブラウザゲーム

What if(Cool104) インストール不要 ブラウザゲーム

ゲームセンターでおなじみのCool104がアプリもインストールも不要で無料で遊べます。ランキング登録も可能です!

googleもFlashコンテンツ無視すると言ってますしね。

なにか間違いや表示がおかしいなどありましたら、問合せフォームかツイッターなどでご指摘いただければなるはやで対応します。よろしくお願いいたします。

メールフォーム

メールフォーム

Start-Point.netへの問合せやご要望、ご感想、間違いのご指摘などお気軽にお問合せ下さい。

  • Twtterでシェアする
  • はてなブックマーク
  • フェイスブックでシェア
  • ポケットでシェア
  • LINEで友達に送る

次の記事はこちら

プロフィール:fuchi WEBクリエイター

fuchi
WEBクリエイター / 39歳 / ♂ / 鳥好き

WEB制作とWEBマーケティングをやってきました。
PHPとMysqlを使って面白いことをやりたいと模索中です。

プロフィール詳細はこちら

制作日記 関連記事はこちら すべての 日記 記事はこちら

ブログ人気の記事・レビュー

新着記事

カテゴリリスト

プロフィール:fuchi WEBクリエイター

fuchi
WEBクリエイター / 39歳 / ♂ / 鳥好き

WEB制作とWEBマーケティングをやってきました。
PHPとMysqlを使って面白いことをやりたいと模索中です。

プロフィール詳細はこちら