ゴールデンウイーク前からWebサイトのリニューアル作業に着手して、早3カ月になります。blog形式のcgiスクリプト1つをWebサイト1つと換算すれば10サイト分のリニューアル作業をしている事になります(当Webサイトだけで5つ分ですが)。
どうせ素人が下手の横好きでやっている事、と思いつつも真面目に作っていこうと常々戒めております。ですけれども、なかなか作業が終らないと焦ってきますよね。いつも頓挫の繰り返し。
前回(2015年)は大規模な改修工事で、やはり幾つかやり残した事がありました。モバイルフレンドリー対応もその1つでした。今回はhtml5化とモバイルフレンドリー対応を重点に置き改修いたしました。
スタイルシートの記述も整理整頓すればもっとスッキリして軽量化できると思いますが、悪い癖で先を急いでおります＾＾汗
PageSpeed Insightsで何回やってもグーグル先生から良い点が頂けませんでした。原因はいろいろとあるのでしょうが、「スタイルシートのインライン化」すると劇的に良好になる事が分かりました。
画像1番目、当「Audi 青TT (8N)のAlbum」のモバイル用CSSインライン化前は82点でイエローでしたがインライン化したら87点のグリーンになりました。Goodこれで「良し」としました。今回は。
画像2番目、同じく、パソコン用CSSのインライン化しない状態です。88点のGoodですから、インライン化せずにこれで「良し」としました。
画像3番目、因みに現在のパソコン用CSSをインライン化すると88点が91点になります。
ブラウザのキャッシュですが、当サイトでは10h(10時間)にしています。現在はまだ作業中ですので。
ブラウザですけれども、グーグルのchromeでは留意する事があります。それは「ページの再読み込み・リロード」ですが、普通に再読み込みボタンを押してもF5キーを押しても変わらない場合がありますので、その際には「Shiftキー＋F5キー」でフルリロードしてみてください。ご承知だとは思いますが＾＾
[記事の編集履歴]
2020年03月31日 「TT 3.2q のコラム」の10番記事でした。