裏表(Phinloda のもう裏だか表だか分からないページ)

コンピュータ・プログラミング系の話がメインのそれなりにごちゃごちゃしたネタばかり出てくるサイトです。多分。
<< Chrome の Software Reporter Tool が超重いので困ったのだが | Top |
Yahoo!ブログの記事を移行作業中なのだが

今日で書けなくなるので、明日から書くとこは…まあいくらでもあるので、そこはどうでもいいのだが、今まで10年以上毎日書いてきただけあって、コンテンツが消えるのはモッタイナイ。だから他に移行しようと思ったのだが、ほにゃららブログに移転したとして、ほにゃららブログがまた廃止されたら何度も踊らされることになる。それなら折角 phinloda.com というドメインがあるのだから、その下に置いてしまえ、というのは案外早く決まった。ただ、いろいろ問題はあるわけで、それはそれで面白そうである。

さしあたっての問題は、どこにページを移転するのか、ページごとに書いておこうと思ったのである。とはいっても全部手で編集するのはバカげている。記事は 3678 個もある。

ということで、当たり前だが手作業ではなくプログラムで何とかしようとしたわけである。これが予想通り、想定外のトラブル続きで時間内に間に合いそうにない(笑)。別に間に合わなかったら何か困るのかというと、何も困らないわけではあるが。例えばどんなのかというと、たまに element が見つからないといってエラーになってしまう。意味が分からないのだが、もう一度全く同じことをすればサクサク実行できる。wait が足りないとかそういう問題でもなさそうで謎。

そもそも、今時のブログの投稿画面は Javascript 使いまくって表示しながらデータを突っ込んでくるし、Yahoo!ブログは iframe の中で編集することもあり、なかなか面倒くさいのだ。

ところで、そういうのは実はどうでもいいのであって、重要なのはブログに書いた内容を pick up して別のサイトに乗せるという処理である。どのように変換しているかというと、例えばこれだ。

Yahoo! ブログ: https://blogs.yahoo.co.jp/phinloda/34707626.html

phinloda.com: https://www.phinloda.com/music/j8v.html

これだけでも謎のURLとか、微妙なネタがいくつもあるのだが、before after で一番違うのはデータ転送量だ。残念ながら、このページは YouTube の動画を埋め込んでいるから、結構データ量はある。after で計測すると、16リクエストで 71.6KB、リソース全体は 1.9MB という数字になっている。 ただ、before の Yahoo!ブログだと、179リクエストが発生してデータ転送量は 266KB、これはキャッシュがうまく節約してくれているから、初回はもっと厳しい数字が出そうだが、リソースも4.1MB。

1.9も4.1も大差ないような気もするが、この YouTube 動画を埋め込まなければ、after のページは 2KB程度のデータ転送で済んでいるのである。Yahoo!ブログ以外に、実は So-netブログの「今日の戯言」の記事も移行を企んでいるのだが、こちらは動画も何もないので、こんな感じだ。

phinloda.com: https://www.phinloda.com/today/6182648.html

jquery とか使ったりしてスライダーも当たり前のような時代に、極限まで抵抗して削れるものを全部削った残りかすみたいなページで、こちらは1リクエスト、1.3KBの転送で済んでいるから、もうこれ以上リクエスト数は減らせない。数MB、数十MBのページは当たり前の時代に、1〜2KBって何か間違ったんじゃないかという気もするのだが、何故こんなことを考えたかというと、スマホ対応が超絶面倒な気がしたからなのだ。

実際いろんなノウハウがあって、スマホも進化しているから、携帯時代のような大変さでもないのだけど、ちょっとまてよ、そもそもcssとか使わなければスマホでもそのまま普通に見えるんじゃないか、と考えたのだ。正直言ってちょっと見辛い気もするけど、データが恐ろしく小さいので、まあいいんじゃないかな程度に割り切っているのである。ていうかcssとかjavascriptをサボりたいだけなのか、実は。

JUGEMテーマ:日記・一般

| 独り言 | 14:37 | comments(0) | trackbacks(0)
スポンサーサイト
| - | 14:37 | - | -
コメント
コメントする









この記事のトラックバックURL
http://phinloda.jugem.cc/trackback/4748
トラックバック
Powered by "JUGEM"
▲このページの先頭へ
CALENDAR
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
2930     
<< September 2019 >>
NEW ENTRIES
CATEGORIES
ARCHIVES
NEW COMMENTS
NEW TRACKBACKS
LINKS
PROFILE