皆さんこんにちは。最近活発なアップデート情報ですが、本日は2つに絞ってご説明します。
表示速度の向上
車の中に荷物を積み込めば積み込むほど、全体が重たくなって自由に使えるスペースも減り、燃費が悪くなって圧迫感を感じてしまいますよね。
WEBサイトもそれは同じ。リッチさを求めて新機能を追加すればするほど、どんどんその中身はパンパンになってしまいます。定期的に掃除したり、必要のない荷物を降ろさなければ快適なWEBサイトになりません。
そこで本日はソースコードの整形(リファクタリング)を行いました。加えて、本当に必要あるのか?と思うものも見直しました。不必要なほど「ふわっ」「ふわっ」と出現するアニメーションは目が疲れてしまうので控え目にしています。実際にかかる秒数は同じでも、操作感が全然変わってきます。
検索候補の精査
弊社は検索ボックスのすぐ下に、下記画像のような検索候補が出現するようにしています。(現在デスクトップ限定の機能です)
これもコンテンツが増えてくると段々とスピードが落ちてきていたのですが、検索対象の見直しを行う事で従来の2倍ほどの速度に向上しました。
レイアウトの変更
ブログのアイキャッチ画像は、これまでの四分の一の大きさになり、左右に別れました。
画面右側には、更新日、記事のカテゴリ、書いたスタッフの名前が出現するようにしています。
もしこのアイキャッチ画像がフルサイズで表示されていると・・・
こんな風に、横長い画面のほとんどをアイキャッチ画像が覆ってしまいます。これをコンパクトに変更することで、ブログ記事が今までよりも読みやすくなりました。
また些細なことかもしれませんが、広い画面だとメインコンテンツとサイドバーの隙間が開いてしまう問題がこれまでありました。その問題も昨日・今日のアップデートで修正しています。
本日のお知らせは、普段と比較すると地味なアップデートに感じられたかもしれません。ですが素早くコンテンツを表示すること、違和感や「ぎこちなさ」の無いレイアウトでお届けすることは当たり前のようでいてなかなか難しい事だったりもします。当たり前ゆえにホメられる事でもないですしね。
とはいえ、私たちはリニューアル当初からストレスを与えないサイトづくりを心がけていますのでこれからも一貫して続けていきたい所存です。
本日もブログを読んでくださり、ありがとうございます!