2018年8月HOMEブログサイト表示速度が遅いのでサイトデザイン変更したけど、本当はLINEモバイルが微妙なのかもしれないサイト表示速度が遅いのでサイトデザイン変更したけど、本当はLINEモバイルが微妙なのかもしれない2019年6月29日2020年1月15日ブログブログwordpressが難しそうなので、FC2でブログをやっています。FC2は独自ドメイン取得も安い方だし、テンプレートも充実してて便利なんですが、最近昼とかに4G(LINEモバイルソフトバンク回線)で接続した場合に自分のサイトの表示速度がめちゃくちゃ遅いなと思ってました。「放置してたけどやってみるか...」と、サイトデザインの変更に乗り出しました。大学の時、C言語組むのとかめちゃくちゃ苦手だったので本当はやりたくないんですが、見栄えのためなら仕方ない。InsightsというサービスがURLを貼るだけなので簡単でした。安心と信頼と恐怖のGoogleです。旧デザイン改造版を測定してみました。(改造版とは、よく読まれてる記事を表示するためのランクレットというサービスのhtmlや、アフィリエイトリンクを生成するcssを実装したバージョンのことです)。旧デザイン改造前と比較するとこんな感じ。左が改造前、右が改造後です。改造で約3割も点数下がってる...。これの原因はなんとなくわかってて、昔よくわからずいじったコード(今もよくわかってないけど)と、今使ってないカエレバのコードとかが無駄に残ってるからだと思います。Insights、結構面白くて、URLさえ貼れば自分のサイトじゃなくても速度が測れます。意外と50点台の人もいますね。デザインを決めるFC2は公式テンプレート以外に、そういうの組める人がデザインをシェアしてくれているんですが、結構いい感じのがあるんですよね。惜しいなというのもありますが。そこから、最近のデザインでなおかつ改造しやすそうなものを選びます。今回はAkiraという方のalias-Janeというデザインにしました。スマホで見てる人が多いと思うのであえてPC版を表示しますが、改造前はこんな感じです。これがまたスマホ版になると配置が変わるから、両方チェックしてデザインを決めます。最優先はスマホ版がいい感じかどうか。配置デザインや配置は好み。あとは改造するだけです。これがダルいんですが。ヘッダーアイコンの配置換え及び不要なものを削除RSSとかここに必要?コメント数表示削除ほぼ0なのでいちいち表示せんでいい。黒とかグレーだけでいい。ランクレット導入はめんどくさかったけど、導入してしまえばコピペでOK。アフィリエイトリンク生成cssカッテネ以外いいのあれば教えてほしいです。