【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とか複数含んでいる所はそれなりに効かせられそうだね。

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

>>38
fontの中にあるbに指定しちゃだめかな

**ヾ（ﾟﾊﾟ）ﾉ** ◆f0.zuburi6 · 2005/06/03(金) 18:36:07

>>39
いいかもー

▲ ◆cZfSunOs.U · 2005/06/03(金) 18:57:44

とりあえず，うちのサイトの訪問者のブラウザの集計データ．
パーセンテージ的に微々たるブラウザをどこまで考慮するか，
という点によってもどこまで CSS 化できるかが異なってきますね．

# 集計ソフトの関係上，Mozilla や Firefox は "Netscape 5.0" として扱われています．

MSIE　　　　　　　　242964　　　　86.9 %
Netscape　　　　　　15172　　　　5.4 %
不明　　　　　　　　　　7701　　　　2.7%
Docomo i-mode　　　6120　　　　2.1 %
Opera　　　　　　　　　5774　　　　2 %
UP.Browser　　　　　1048　　　　0.3 %
J-PHONE　　　　　　　416　　　　0.1 %
NetShow Player　　　　49　　　　0 %
RealAudio　　　　　　　　39　　　　0 %
Windows Media Player　38　　　　0 %
Konqueror　　　　　　　　35　　　　0 %
Nokia Browser　　　　　25　　　　0 %
LibWWW　　　　　　　　　9　　　　0 %
Galeon　　　　　　　　　　8　　　　0 %
w3m　　　　　　　　　　　　7　　　　0 %
iCab　　　　　　　　　　　　4　　　　0 %
Lynx　　　　　　　　　　　　2　　　　0 %

▲ ◆cZfSunOs.U · 2005/06/03(金) 18:58:54

MSIE 7.01　　　　7　　　　0%
MSIE 6.1　　　　28　　　　0%
MSIE 6.0　　　　233301　　　　96%
MSIE 5.5　　　　5509　　　　2.2%
MSIE 5.23　　　　470　　　　0.1%
MSIE 5.22　　　　119　　　　0%
MSIE 5.21　　　　7　　　　0%
MSIE 5.17　　　　321　　　　0.1%
MSIE 5.16　　　　90　　　　0%
MSIE 5.14　　　　68　　　　0%
MSIE 5.12　　　　29　　　　0%
MSIE 5.1　　　　2　　　　0%
MSIE 5.01　　　　1413　　　　0.5%
MSIE 5.00　　　　2　　　　0%
MSIE 5.0　　　　1446　　　　0.5%
MSIE 4.5　　　　17　　　　0%
MSIE 4.01　　　　120　　　　0%
MSIE 4.0　　　　12　　　　0%
MSIE 3.02　　　　1　　　　0%
MSIE 0.01　　　　2　　　　0%
----------------------------------------------------------------------
Netscape 8.0.1　　　　7　　　　0%
Netscape 7.2　　　　92　　　　0.6%
Netscape 7.1　　　　478　　　　3.1%
Netscape 7.02　　　　7565　　　　49.8%
Netscape 7.01　　　　4　　　　0%
Netscape 7.0　　　　19　　　　0.1%
Netscape 6.2.3　　　　4　　　　0%
Netscape 6.2　　　　2　　　　0%
Netscape 6.0　　　　6　　　　0%
Netscape 5.0.1　　　　2　　　　0%
Netscape 5.0　　　　6642　　　　43.7%
Netscape 4.79　　　　2　　　　0%
Netscape 4.78　　　　90　　　　0.5%
Netscape 4.77　　　　2　　　　0%
Netscape 4.76　　　　2　　　　0%
Netscape 4.75　　　　15　　　　0%
Netscape 4.73　　　　16　　　　0.1%
Netscape 4.72　　　　4　　　　0%
Netscape 4.7　　　　51　　　　0.3%
Netscape 4.6　　　　11　　　　0%
Netscape 4.51　　　　2　　　　0%
Netscape 4.41　　　　15　　　　0%
Netscape 4.08　　　　7　　　　0%
Netscape 4.06　　　　38　　　　0.2%
Netscape 4.05　　　　2　　　　0%
Netscape 4.04　　　　7　　　　0%
Netscape 4.03　　　　1　　　　0%
Netscape 4.0　　　　47　　　　0.3%
Netscape 3.01　　　　5　　　　0%
Netscape 3.0　　　　10　　　　0%
Netscape 2.0　　　　1　　　　0%
Netscape ?　　　　23　　　　0.1%

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

いいかもーという返事をもらえたことで、調子に乗って今の運用情報板を対象にCSSファイルを作ってみたり。。
http://nullpo.2log.net/home/junkies/public/2ch.txt
centerやtableの代わりとかはhtmlファイルごといじらなきゃいけない気がするので、書いてません。。

>>42
6.1はともかく、7.01って偽装なのかな？

◆//PUNKgrp. · NG

いつかの8/25事件みたいに
負荷、あるいは転送料が二桁分の一になりますた！てならんと
導入するメリットが出てけーへんような気もしたりしなかったり。

CSSに対応してへん or CSSを切ってるブラウザから見たら
モノクロにしか見えへんような感じにまで割り切ってしまえば
全てにおいて見やすさは落ちないと思う。

ひ（ｒｙ　が認めるかどうかは別やけどね。

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

本体書き換えてみた。

index.htmlのスレタイ表示のとこ：

<TABLE border=1 cellspacing=7 cellpadding=3 width=95% bgcolor="#EFEFEF" align=center>
<TR><TD><DL><a name="4"></a><DIV ALIGN="right"><a href ="#menu">■</a><a href="#3">▲</a><a href="#5">▼</a></DIV>
<B>【4:38】<FONT size=5 color="#FF0000">【bbs.cgi】index.html軽量化作戦スレ</FONT></B>
　　　　　　　　　　　　　　　　　　　　　↓
<CENTER><table bgcolor="#efefef" CLASS=sure>
<tr><td><dl><a name="4"></a><div align="right"><a href ="#menu">■</a><a href="#3">▲</a><a href="#5">▼</a></div>
<b>【4:38】</B><STRONG>【bbs.cgi】index.html軽量化作戦スレ</STRONG>

追加CSS：

<style>
.sure {width:95%;border:#EFEFEF solid 6px}
.sure TD {border:inset 1px}
STRONG {color:red;font-size:large}
</style>

欠点：

　・スタイルシートOFFだとスレ内容の幅がバラバラでスレタイが黒
　・ Firefoxだとスレタイの字が小さく枠も妙に黒
　・厳密に解釈すると変だ

「cellspacing=7 cellpadding=3」の枠表示を諦めてもらえるときっとたくさんバイト数が減る。

>>43
「HTMLで書いたほうがファイルサイズが小さくて済む」ようなCSSは
今回は出番がないのではないかと…

>>44
はっきり言って、CSSの導入は割に合わない気がします。
HTMLの表記の揺れやサイズ的無駄をHTML上できれいにまとめてコンパクト化、なら
若干メリットがありそうですが。

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

>>45
htmlで書いたほうが小さい、はみてませんでした。
そんな考え方もあったとは('A`

でなおしてきますλ...

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

JavaScript非対応と違ってさ、CSS非対応だとしても、そんなに問題ないと思ってしまうんだが。

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

>>47
CSS非対応だと「現行の細かい見栄えと思いっきり変わる」のがネックになってる模様。
CSS非対応でもpositionさえ使わなければアクセス利便性上の差異の問題は特にないから、
特殊環境ということで諦めてもらうという考え方はありだと思うけれど。

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

>>45

>「HTMLで書いたほうがファイルサイズが小さくて済む」ようなCSSは
>今回は出番がないのではないかと…

この場合のCSSはhtml内に書くcssってことかな？

>>4 みたいにcssだけ分離して別サーバに置けば無駄ではないんでね？

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

CSS非対応だと、DIVで囲まれた要素の背景の色が表示されないとかね。
それでも、内部の文字・コンテンツは表示されるわけだし。
CSS非対応のブラウザを考慮したら、当初の目的>>1はかなり難しいと思うよ。

ってのも、今、枠を付けるだけのTABLEタグを、DIVタグに置き換えたのを作ってみたんだ。
もうちょっとチェックしたらupして見ます。

あと、問題なのはさ、bbs.cgiにどこまでコーディングされてるか、なんだよね。
管理人の広告のいじり方とか見るに、広告枠の部分(おそらくTABLEのTDの中)は別ファイルなんだろうし。

▲ ◆cZfSunOs.U · 2005/06/03(金) 20:17:31

Be@2ch の read.cgi 出力では，Netscape 4.x 系では動かないような JavaScript コードが
すでに使われてたりもするんで，レガシーなブラウザにはもうちゃんと対応しなくてもいいと
割り切ってもいいような気もしますが......ひ(ry氏の Go サインが出れば話は早いんでしょうけどね．
一方 CSS 対応ブラウザなのに CSS 切ってる人は「デザインにはこだわらず情報が得られればOk」
という考えを持っている人だ，と割り切ると．