【bbs.cgi】index.html軽量化作戦スレ

**ｒｅｆｆｉ@報告人 ★** · 2005/06/03(金) 00:35:08

bbs.cgiが生成するファイル（index.html subback.html等）の軽量化を目指す
スレッドです。

参考発言
680 名前： ◆BDFCNV1.to [sage] 投稿日：2005/06/02(木) 22:09:53
index.html 生成関連にもメスを入れたかったり、
つまり style とか .css とかですか? bbs.cgi が生成するバイト数を極力へらす方向で、
これは私にはちんぷんかんぷんでして、

**root▲ ★** · NG

おつです。>>1

685 名前： ◆BDFCNV1.to [sage] 投稿日：2005/06/02(木) 22:23:56
そのへんはわたしゃわからんので
誰か仕切って進めるのが吉かと、

仕様が決まったら、それにしたがって bbs.cgi を改造するです。

【重要】
新機能は入れないこと、
入れるのをにらんでくらいはokだけど、

686 名前： ◆MUMUMUhnYI [sage] 投稿日：2005/06/02(木) 22:24:56 ?##
>>685
基本方針は、できるだけコンパクトな負荷のかからない index.html を吐く、
ってかんじですかね。

688 名前： ◆BDFCNV1.to [sage] 投稿日：2005/06/02(木) 22:26:43
そですね　>>686
.css とかにするとクライアントはキャッシュしてくれるとかを期待しているんですが、

689 名前：ヾ（ﾟﾊﾟ）ﾉ ◆f0.zuburi6 [sage] 投稿日：2005/06/02(木) 22:28:20
cssを別にするとなると,投稿数の多い所ではこいつの読み出しコストも掛かるのかな。
同じ所ばかり見るならブラウザのキャッシュに入れ込めるとは思うけど。
そのあたりも勘案しつつ

**root▲ ★** · NG

690 名前：ヾ（ﾟﾊﾟ）ﾉ ◆f0.zuburi6 [sage] 投稿日：2005/06/02(木) 22:29:28
×投稿数
○読み出し数
でしたーむはー

**root▲ ★** · NG

あと、これぐらいかな。
こっちに載せた方がよさげなのは、各自、適宜で。

696 名前： ◆WMaLhm.gkw [] 投稿日：2005/06/02(木) 22:44:26
スタイルシートだけを分離すると、bbsmenuと同じところに置いておけるしね。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 00:41:57

記念パピコ
タグとかスタイルシートへの振り替えについてはもっとくやしいかたｷﾎﾞﾝ

**動け動けウゴウゴ２ちゃんねる** · NG

静的な部分をcssにするだけで、負担減る？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 00:44:29

bbs.cgiの負荷を減らすって事だから、
少なくとも切り離せれば減るでしょ。

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 00:55:58

再現に必要なタグとかあるのかしら。
あとはスタイルシートとブラウザの微妙なカンケイ。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 01:00:40

一応CSS対応認定されているブラウザの一覧
ttp://www.w3.org/Style/CSS/#browsers

**時をかけるメイドさん▲** ◆MAID538kyI · NG

css非対応のブラウザって結構あるんだっけ。
あとブラウザごとの解釈の違いも。
あんまりcssに依存するページになるとちょっと不便かなぁ。

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 01:08:27

今見たら、「href="～～"」と「href=～～」で統一されてなかったりしてますね……。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 01:12:04

FireFoxみたく独自スタイルを適用できる設定とかあれば便利なんですけどねえ。

**時をかけるメイドさん▲** ◆MAID538kyI · NG

メリット・デメリットで検索してみた
http://adp.daa.jp/archives/000047.html
http://pctraining.s21.xrea.com/making-web/css-trouble.html

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 01:30:16

>>12
×FireFox
○Firefox

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 01:34:15

ほとんどの2chビューアがIEベースだから
まずIE対応で考えればいいんじゃないか？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 01:45:45

>>10
いつまでもそんな事言ってるからセキュリティ的には安全かどうかわからない
軽く動くが古いブラウザを使い続ける馬鹿を撲滅できないんだ。
CSSに対応した新しいブラウザが重くて動かない・対応してないとか言うなら
対応したサクサク動くマシンに買い換えろ。
買い替え需要も伸びてｳﾏｰ

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 01:55:26

>>16
そういう議論はとりあえず他所でよろ。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 01:55:35

>>14 ｲﾔﾝ

ここで大事なのは「index.htmlなどのhtml内のタグの吐き出し量を削減するコトによる軽量化」
だとおもうんです。
なので,
・基本デザインを極力変えないは言わずもがな
・出来うる限り基本的な要素とプロパティを使用する→なるべく古いブラウザでも見れるように
であり,デザイン的なスタイルシートの利用を目的としているわけではないのですね。

サラッとぐぐってもこういう使い方は見かけないので異例っちゃあ異例ですがー

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 02:07:49

>>17
これをはっきりさせないとCSS化は絶対無理だね。あきらめよう。

今ふと思ったけど、
read.cgiにレス用フォームのみ、または、indexに表示させるレス数分のレスと
レス用フォームを表示するモードを用意して、indexからアンカーで誘導するようにする
ってのはどう？
スレッド毎のレス用フォームがread.cgiへ誘導するアンカーになってバイト数減少と
人多すぎの時にindexのフォームからまだ無理する馬鹿の撲滅が見込めます。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 02:09:16

あっモード用意しなくてもl10とかでいいやん。

**マァヴ** ◆jxAYUMI09s · NG

とりあえずこれね(^_^;)
＞【重要】
＞新機能は入れないこと、
＞入れるのをにらんでくらいはokだけど、
ってことで>18が基本方針になるかと(^_^;)
留意点は、setting.txtとの互換性をどうするか。
スタイルシートを一元化する（静的コンテンツサーバで扱える）と（事実上現在使用していないものの）色まわりとかが使えなくなっちゃう(^_^;)

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 02:45:12

どこかの板で、ローカルルールにJavaScript利用した
色の変更ができる板があったような無かったような。記憶曖昧ですけど。

>>21
あー、「XXX_YYY_COLOR=」ってのがありましたね、そう云えば。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 02:51:44

枠を付けるためだけのtableをdivに変えて
それにスタイルでborderを指定する程度かー。

**讃岐フォアンフォアン▲** ◆MylTDX..QI · NG

乙

◆//PUNKgrp. · NG

おはようございます。
寝ながら考えてたんやけど、ケータイのフルブラウザ（商標出願中）で
CSS対応してないのはどれだけあるんやろか。
ともかくCSS外してもちゃんと見られるような体裁にはしとかなアカンのかな、と。

今のhtmlの状況を理解しようとソース見てたんすが、
<TR><TD>だらけで目が痛い(w

**讃岐フォアンフォアン▲** ◆MylTDX..QI · NG

今ある携帯のフルブラウザ(商標(ry

opera
jigブラウザ
jigブラウザ(簡易型
jigブラウザweb
サイトスニーカー
MARS
など

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 10:44:57

mailtoってリンクする必要あるの？
2chブラウザみたいに[ sage ]みたいな表示じゃだめか？

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 10:50:09

今必要なものだけを書き出すようにしてる限り
書き出しの負荷はほとんど減らないんじゃないかなあ。

そもそも今余計なものって何か書き出してる？
もしかして

　・ <div align=center>～</div>は<center>～</center>にする
　・ <font size=+1>～</font>や<font size=-1>～</font>は<big>～</big><small>～</small>にする
　・ index.htmlのローカルルール表示域のでっかいテーブルは無駄なので<p>と<div>を駆使

とかいう泥臭い話？

◆//PUNKgrp. · NG

>>26
あとScopeがありますなぁ。
これはパブリックプレビュー版以外はcssに対応。

>>28
いろいろ混在してるから、それを統一するだけでもすっきりするんやないかと。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 11:17:13

レス用のフォームを消して ../test/read.cgi/operate/1117726508/l{BBS_CONTENTS_NUMBER} への
リンクだけにしちゃいまひょと。見た目が変わりすぎるのもNG？

**名無しの報造** ◆7B4GDa.EXE · 2005/06/03(金) 11:57:06

見た目はなるべく維持方向かと。

**stream** ◆ap/yuix/tw · NG

http://blog8.fc2.com/c/certain47/file/news4vip-improved.txt

とりあえず、ニュー速VIPのindex.htmlのソースを、テーブル関係のタグを中心にタブで整形して見やすくしてみました。

◆//PUNKgrp. · NG

<TR><TD nowrap ALIGN=right></TD></TR>
とか
</TD></TD>
が気になるんよね。cgiの関係なんかもしれへんけど。

「↓２ちゃんるが使っている」が一番直したいところやけど(w

**讃岐フォアンフォアン▲** ◆MylTDX..QI · NG

つ[ね]

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 17:19:28

スタイルシートにするにしてもtable無くさないと意味なくね？

◆//PUNKgrp. · NG

>>32のを数えてみたら
<table>、</table>各１２個
<tr>、</tr>各１６個
<td>、</td>各１８個。
align=～とか含めたらかなりのバイト数やね。
位置決めのtableやったらなくす方がええやろけど・・・。

**動け動けウゴウゴ２ちゃんねる** · 2005/06/03(金) 17:50:29

>>28
それだとファイルサイズが減るね。おそらくそれもやる羽目になると思う。
転送の際の負荷が平均でごくわずかに減る、かも知れない。
スレ内のレスのサイズが大きいことのほうが影響しそうだけど。

index.htmlでスレを表示するためのテーブルは、構造的にはテーブルでなくてよい。1重だし。
スタイルシートで適当にpaddingとかborder指定した<div>で置き換えることができる。
たいていの板では10スレぶんくらいあるから、スタイルシートが多少膨らんでも10回使用すれば取り返せる。

問題は「テーブルの背景色」で表示領域を目立たせてること。
これをスタイルシートで表現すると、スタイルシートの扱いが下手or無効なブラウザでは
<BODY>で指定した背景が「透けて」見えてしまうことがある。
スレ表示の背景は灰色だから見やすいのであって、透けてしまったら見づらくてとっても困る。

で、仕方ないからスレ表示の背景色だけHTMLで表現しようと思っても
<DIV>に背景色を指定することはできないので<TABLE>を使う羽目になり。それだと得しない。

スタイルシートで置き換えるのは何度も呼ばれるものだけにしませんか。
スレタイの赤太デカ字は<strong>にしてスタイルシートで赤太デカ字に、とか。
スタイルシートがオフなブラウザだと従来の赤いデカ文字スレタイが
ただの黒い並サイズ太字スレタイになってしまうけれど。

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 17:54:05

要素内のプロパティ数にもよると思うけど,<font color=green>とかを<font style="p">とか指定しても
バイト数は殆ど変わんないんだよなあ
alignとか複数含んでいる所はそれなりに効かせられそうだね。