やっと腰を上げて、モデルチェンジの準備に取り掛かることにしました。
きっかけは、デザイン以外でもサイト構築に関する新しい考え方が出てきたこと。表示の高速化です。
Googleがサイトの検索順にページ表示速度を考慮すると表明して、それがサイト作りにも影響を及ぼしています。
ゆくゆくはGatsbyJSを使って、リンク先ページの事前読み込みを使いたいと思うのですが、その前段階として、画像にしている文字を極力減らすことにしました。
これでサイト全体でのデータ量を減らして、表示を高速化しようと思います。
たとえば今は、トップページの更新日付を、バックで持ってる更新日のデータを元に、数字の画像を自動で組み合わせて表示しています。
マニアックな技なのですが、複雑でもあって、表示が遅いのが難点になっています。
これをWebフォントで置き換えて、スパッと表示できるようにします。
同時に、スタイルシートをPHP化して、スタイルの内容に変数を読み込めるようにして、今より楽に更新できるようにします。
ひとまず見た目はそのままに、新デザインの基本構造を作ってみます。
2020年6月28日 11:40 カテゴリー:雑記