bbs.cgiが生成するファイル(index.html subback.html等)の軽量化を目指す
スレッドです。
参考発言
680 名前: ◆BDFCNV1.to [sage] 投稿日:2005/06/02(木) 22:09:53
index.html 生成関連にもメスを入れたかったり、
つまり style とか .css とかですか? bbs.cgi が生成するバイト数を極力へらす方向で、
これは私にはちんぷんかんぷんでして、
【bbs.cgi】index.html軽量化作戦スレ
■ このスレッドは過去ログ倉庫に格納されています
2005/06/03(金) 00:35:08ID:???0
>>87
euc-jp キボンヌ♪@Rock54対策
euc-jp キボンヌ♪@Rock54対策
2005/06/04(土) 17:07:01ID:mQqKJtMP0
まずは小さなことからこつこつと
・リンク付き画像のborderをスタイルシートに置き換え
a img { border-width: 0; }
・リンク付き画像のborderをスタイルシートに置き換え
a img { border-width: 0; }
2005/06/04(土) 17:16:38ID:tQlvNcmg0
>>79
標準モード
標準モード
91stream ◆ap/yuix/tw
NGNG あ、IE6は標準モード?と互換モードがあったんだっけ。
んで2chのindex.htmlの場合は、DOCTYPE宣言無しだから互換モードですっけ。
んで2chのindex.htmlの場合は、DOCTYPE宣言無しだから互換モードですっけ。
2005/06/04(土) 17:44:42ID:tQlvNcmg0
>>91
そうそう。
で、標準モードにするには、URLありのDOCTYPE宣言をしとけばおk。
CSS無効云々は、HTMLさえまともに書いてれば最低限の整形はされるから無問題かと。
2chの場合、見た目がどうあれ機能を提供できれば十分でしょ。
そうそう。
で、標準モードにするには、URLありのDOCTYPE宣言をしとけばおk。
CSS無効云々は、HTMLさえまともに書いてれば最低限の整形はされるから無問題かと。
2chの場合、見た目がどうあれ機能を提供できれば十分でしょ。
2005/06/04(土) 19:25:45ID:GXmFfVLo0
94stream ◆ap/yuix/tw
NGNG そこまでして容量を削るなら、削れるダブルコーテーションは全て削ろう。
2005/06/04(土) 20:06:31ID:4rFjzzuC0
そこまでして容量減らすんなら\n無くしたら?
2005/06/04(土) 20:41:45ID:SrVyolWY0
2chのHTMLは「正しく」ある必要性は全然無い。
リンクの色だってCSSで書く必要が無い。
なぜなら<BODY>に書いたときよりバイト数が増えてるから。
x-sjisをShift_JISに変える理由も無いはず。
x-sjisだと言われて「いわゆるShiftJISな文書」と解釈しないWebブラウザはまず無い。
リンクの色だってCSSで書く必要が無い。
なぜなら<BODY>に書いたときよりバイト数が増えてるから。
x-sjisをShift_JISに変える理由も無いはず。
x-sjisだと言われて「いわゆるShiftJISな文書」と解釈しないWebブラウザはまず無い。
2005/06/04(土) 20:43:49ID:SrVyolWY0
今回の目的はvalidに近いHTMLを吐くように改造することではないはず。
目的を見失わないようにしよう。
目的を見失わないようにしよう。
98▲ ◆cZfSunOs.U
2005/06/04(土) 21:26:13ID:SmR9bRZZ0 >>96-97
まぁ「正しい」HTML にする上で現行 HTML コードよりも容量が増える部分もあるでしょうけど,
レガシブラウザを考えずドラスティックに HTML コードを再編すればかなり削れる部分は
あるでしょうから,差し引きで十分お釣りは来るだろうと思いますが.基本的に >>83 の
>まあ、最適解は「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」と
>「CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版」の
>2種類の「完成品を」用意してひろゆこに選択迫ることかも。
に同意でして,それぞれのバージョンを支持する人がそれぞれのバージョンを作る方向で
作業すればいいのではないかと.両者がここで足の引っ張り合いをするのも
あまり生産的ではないと思うので,とにかく両者ともそれぞれ「モノ」を作りましょう,と.
まぁ「正しい」HTML にする上で現行 HTML コードよりも容量が増える部分もあるでしょうけど,
レガシブラウザを考えずドラスティックに HTML コードを再編すればかなり削れる部分は
あるでしょうから,差し引きで十分お釣りは来るだろうと思いますが.基本的に >>83 の
>まあ、最適解は「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」と
>「CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版」の
>2種類の「完成品を」用意してひろゆこに選択迫ることかも。
に同意でして,それぞれのバージョンを支持する人がそれぞれのバージョンを作る方向で
作業すればいいのではないかと.両者がここで足の引っ張り合いをするのも
あまり生産的ではないと思うので,とにかく両者ともそれぞれ「モノ」を作りましょう,と.
2005/06/04(土) 21:30:08ID:SrVyolWY0
この板のindex.htmlを改造することにしよう。
スレ上位表示が40スレでスレ内容表示が10スレだから結構一般的。
スレ上位表示が40スレでスレ内容表示が10スレだから結構一般的。
2005/06/04(土) 21:38:47ID:Ec7w22Eu0
2005/06/04(土) 22:10:32ID:oewniHwY0
sageの時は<a href="mailto:sage "></a>を入れないっていうのはどう?
それか<font color=blue></font>にするか。どうせリンクは意味ないし。
圧縮ありだと実効はあまりなさそうだけど。
それか<font color=blue></font>にするか。どうせリンクは意味ないし。
圧縮ありだと実効はあまりなさそうだけど。
2005/06/04(土) 22:10:47ID:SrVyolWY0
>>100
それ考えたけど、bbs.cgiでどのようにデータ吐いてるのかよくわかんないなと思った。
単純にSTDOUTに順に吐いてるだけなら<html>の前にヘッダ指定できそう。
何かCGI用のモジュールか何かを通して吐いてる場合は、
ヘッダ表示用のコードを追加すると鯖内でのモジュールの追加処理が増えてしまうかもしれない、とか。
>>101
1回しか書かれない<BODY>の背景やリンク色とかは
CSSにしないほうが文字数が少なくて済むので総バイト数は単純に小さくなる。
HTML4.01+CSS上ではどんなに気持ち悪い表記の組み合わせであっても、総サイズ数は絶対に小さい。
まあそんだけの話。
でも「多少無駄があっても最終的に以前よりぐっと減ってるしOKですー」とか言われたりしそうな気はする。
立場ないにゃ。
板ごとの外部スタイルシートもOKな案(CSSのファイルアクセス負荷増加を許してもらえる場合)だと、
何度も同じ板のindex.htmlを読み込む場合は全回数の容量合計は減ると思う。
それ考えたけど、bbs.cgiでどのようにデータ吐いてるのかよくわかんないなと思った。
単純にSTDOUTに順に吐いてるだけなら<html>の前にヘッダ指定できそう。
何かCGI用のモジュールか何かを通して吐いてる場合は、
ヘッダ表示用のコードを追加すると鯖内でのモジュールの追加処理が増えてしまうかもしれない、とか。
>>101
1回しか書かれない<BODY>の背景やリンク色とかは
CSSにしないほうが文字数が少なくて済むので総バイト数は単純に小さくなる。
HTML4.01+CSS上ではどんなに気持ち悪い表記の組み合わせであっても、総サイズ数は絶対に小さい。
まあそんだけの話。
でも「多少無駄があっても最終的に以前よりぐっと減ってるしOKですー」とか言われたりしそうな気はする。
立場ないにゃ。
板ごとの外部スタイルシートもOKな案(CSSのファイルアクセス負荷増加を許してもらえる場合)だと、
何度も同じ板のindex.htmlを読み込む場合は全回数の容量合計は減ると思う。
104▲ ◆cZfSunOs.U
2005/06/04(土) 22:33:18ID:SmR9bRZZ0 httpd.conf か .htaccess で
AddDefaultCharset Shift_JIS
ですね,やるとすれば.<ヘッダで指定
AddDefaultCharset Shift_JIS
ですね,やるとすれば.<ヘッダで指定
2005/06/04(土) 22:51:08ID:8a0Vy1q+0
<!-- 美乳 --> きぼんぬw
2005/06/04(土) 22:52:33ID:8a0Vy1q+0
しまったEUC-JPの場合だったw
2005/06/04(土) 23:10:32ID:gNaPLbTW0
個人的な考えだけど、
無理にエレガントな(正しい)HTMLにすることより
メジャーなブラウザ(IE5以降、Mozilla、Opera位)でちゃんと見えれば良い、
という程度の作りにして構わないと思う。
そして、非対応のブラウザからのリクエストは、
内部的に別URL(例えば/test/convertindex.cgi?bbs=operateのような形)にして
そのCGI(orモジュール)がSSIを処理する感覚で正しい(一般的な)HTMLに直して返す、
この程度でも充分かと。
無理にエレガントな(正しい)HTMLにすることより
メジャーなブラウザ(IE5以降、Mozilla、Opera位)でちゃんと見えれば良い、
という程度の作りにして構わないと思う。
そして、非対応のブラウザからのリクエストは、
内部的に別URL(例えば/test/convertindex.cgi?bbs=operateのような形)にして
そのCGI(orモジュール)がSSIを処理する感覚で正しい(一般的な)HTMLに直して返す、
この程度でも充分かと。
2005/06/04(土) 23:38:54ID:gvW9tiAF0
そもそもなぜCSS非対応のブラウザを使い続けるのか、なぜ自らCSSを切るのか、
やむを得ず非対応のブラウザを使ってる人はどれほどいるのか。
他のサイトを見る時もベタテキストになっていることもあるだろうし、
ベタテキストでも構わないからCSSを切っていたりするんじゃなかろうか。
やむを得ず非対応のブラウザを使ってる人はどれほどいるのか。
他のサイトを見る時もベタテキストになっていることもあるだろうし、
ベタテキストでも構わないからCSSを切っていたりするんじゃなかろうか。
2005/06/04(土) 23:48:00ID:UxbZcBI80
CSS完全非対応な場合は割と簡単。
positionさえ使わなければ混乱も起こらないし。
特定の機能に中途半端に実装差がある場合が厄介。
JScriptでバージョン分けとかやり始めるとドツボ。
まあ実際の案次第なんだけどね。
positionさえ使わなければ混乱も起こらないし。
特定の機能に中途半端に実装差がある場合が厄介。
JScriptでバージョン分けとかやり始めるとドツボ。
まあ実際の案次第なんだけどね。
110FOX ★
2005/06/04(土) 23:53:09ID:???0 わたしゃまったく解からないのですが
そもそもの発端は、可変な部分と固定名部分を分けて
提供すると可変部は毎回読むけど固定部はクライアントで
キャッシュしてくれて転送量、製造コストともにお得になるのでは?
なんです。
それが style だったり .css だったりするのかな?
と思っただけなんで、、、
そもそもの発端は、可変な部分と固定名部分を分けて
提供すると可変部は毎回読むけど固定部はクライアントで
キャッシュしてくれて転送量、製造コストともにお得になるのでは?
なんです。
それが style だったり .css だったりするのかな?
と思っただけなんで、、、
2005/06/05(日) 00:09:36ID:VDikHqT00
>>105-106
Shift_JIS の場合は <!-- あ --> だな。
Shift_JIS の場合は <!-- あ --> だな。
2005/06/05(日) 00:16:56ID:Ucs8iRxZ0
運営側は古めのブラウザも意識したいという感じなんすか?
113stream ◆ap/yuix/tw
NGNG >可変な部分と固定名部分を分けて
ふむ。広告とかローカルルールのところとか看板とか書き込みフォームとかをIFRAMEでやってしまうのもありかなとか思った
ふむ。広告とかローカルルールのところとか看板とか書き込みフォームとかをIFRAMEでやってしまうのもありかなとか思った
2005/06/05(日) 01:14:30ID:7dNIYOmL0
IFRAMEなんて死んでしまえ
2005/06/05(日) 01:46:22ID:10zmJNsO0
2005/06/05(日) 01:54:35ID:h+T5T/RK0
結局*.CSSで外に出してもIEのCtrl+F5で再取得しに来ちゃうから
CSSの取得時に有効期限付きクッキーを撒いてそれ持って再取得に来たら
強制的に304返すような新機能を付けないと何の削減にもならんような。
ああ、新機能はだめでしたねw
CSSの取得時に有効期限付きクッキーを撒いてそれ持って再取得に来たら
強制的に304返すような新機能を付けないと何の削減にもならんような。
ああ、新機能はだめでしたねw
117stream ◆ap/yuix/tw
NGNG bbs.cgi→HDD→ユーザー
と考える。
可変な部分と固定な部分を分けることにより、
1.bbs.cgiとHDD間の処理サイズが減る。
2.HDDからユーザーへの転送サイズが減る
ctrl+F5でも、1.は確実に減るわけですし。
と考える。
可変な部分と固定な部分を分けることにより、
1.bbs.cgiとHDD間の処理サイズが減る。
2.HDDからユーザーへの転送サイズが減る
ctrl+F5でも、1.は確実に減るわけですし。
118stream ◆ap/yuix/tw
NGNG ついでに言うと、cssファイルのうち、全板共通のをIIJに置けば…
おじさんが損する?w
http://qb5.2ch.net/test/read.cgi/operate/1116229949/51
51 ひろゆき@どうやら管理人 ★ [] 2005/05/27(金) 00:18:46 ID:???0 ?###
menu.2chに変えてカウントするという目的で動かすのであればいいんですが、
コストパフォーマンスでいうと、静的htmlはIIJのほうがいいと思ってたりします。
おじさんが損する?w
http://qb5.2ch.net/test/read.cgi/operate/1116229949/51
51 ひろゆき@どうやら管理人 ★ [] 2005/05/27(金) 00:18:46 ID:???0 ?###
menu.2chに変えてカウントするという目的で動かすのであればいいんですが、
コストパフォーマンスでいうと、静的htmlはIIJのほうがいいと思ってたりします。
119FOX ★
2005/06/05(日) 02:20:56ID:???0 わしゃ 損もとくもしない
2005/06/05(日) 02:22:33ID:VDikHqT00
SETTING.TXT の色関係のを外部に閉じ込めたお( ^ω^)
ttp://www2.aqweb.net/tset/source/up0017.xxx
ttp://www2.aqweb.net/tset/source/up0017.xxx
2005/06/05(日) 09:18:18ID:7xEib2gP0
だから見栄えを変えるなと小一時間
123▲ ◆cZfSunOs.U
2005/06/05(日) 10:28:16ID:KtOny1+w0 ・ CSS非対応でも雰囲気はたいして変わらない程度のダイエット版
・ CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版
後者でレイアウトのための <table> を廃止した場合,いずれにせよ
枠線を完全には同一にできないので......これはいくつかのパターンの
見本を用意した上でひ(ry氏に裁定を仰ぐのがいいのかな,と.
例えば >>120 ので
div.menu, div.makethread, div.thread {
border: ridge 4px;
}
div.menu { /* BBS_MENU_COLOR */
background-color: #CCFFCC;
border-color: #CCFFCC;
}
div.makethread { /* BBS_MAKETHREAD_COLOR */
background-color: #CCFFCC;
border-color: #CCFFCC;
}
div.thread { /* BBS_THREAD_COLOR */
background-color: #EFEFEF;
border-color: #EFEFEF;
}
とか.あと,板名は <h1>,スレタイは <h2> がいいんでしょうかね.
・ CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版
後者でレイアウトのための <table> を廃止した場合,いずれにせよ
枠線を完全には同一にできないので......これはいくつかのパターンの
見本を用意した上でひ(ry氏に裁定を仰ぐのがいいのかな,と.
例えば >>120 ので
div.menu, div.makethread, div.thread {
border: ridge 4px;
}
div.menu { /* BBS_MENU_COLOR */
background-color: #CCFFCC;
border-color: #CCFFCC;
}
div.makethread { /* BBS_MAKETHREAD_COLOR */
background-color: #CCFFCC;
border-color: #CCFFCC;
}
div.thread { /* BBS_THREAD_COLOR */
background-color: #EFEFEF;
border-color: #EFEFEF;
}
とか.あと,板名は <h1>,スレタイは <h2> がいいんでしょうかね.
2005/06/05(日) 10:39:49ID:7xEib2gP0
>>123
> 枠線を完全には同一にできない
Exactly(そのとおりでござ略
テーブル枠保持版は作らないと駄目だと思う。
<h*>はHTML上はそうだしバイト数上も有利だけど
【1:467】の部分とread.cgiでの表示との違いがネックかもしれない。
> 枠線を完全には同一にできない
Exactly(そのとおりでござ略
テーブル枠保持版は作らないと駄目だと思う。
<h*>はHTML上はそうだしバイト数上も有利だけど
【1:467】の部分とread.cgiでの表示との違いがネックかもしれない。
2005/06/05(日) 14:13:04ID:QGivkZtL0
>>120をNetscape4.78で見るとこんな感じになっちゃった。
ttp://pl.eek.jp/up/gazou_uploader/src/up0019.png
ttp://pl.eek.jp/up/gazou_uploader/src/up0019.png
2005/06/05(日) 17:41:41ID:oa9E2nwG0
127ヾ(゚パ)ノ ◆f0.zuburi6
2005/06/05(日) 18:03:15ID:HLmEcHY002005/06/05(日) 19:00:47ID:Ucs8iRxZ0
NGNG
IE 5.2 for Mac
ttp://www.imgup.org/file/iup36978.jpg
ただし表示する前に固まりかける(IEの仕様…かな?
ttp://www.imgup.org/file/iup36978.jpg
ただし表示する前に固まりかける(IEの仕様…かな?
NGNG
FireFox 1.0 @mac
ttp://www.imgup.org/file/iup36981.jpg
.xxxはソースそのまま表示だったので保存してローカルで開きますた
ttp://www.imgup.org/file/iup36981.jpg
.xxxはソースそのまま表示だったので保存してローカルで開きますた
2005/06/05(日) 20:51:25ID:oa9E2nwG0
133動け動けウゴウゴ2ちゃんねる
2005/06/05(日) 23:34:00ID:jTZ2+tPK0 HTML的な正しさをある程度保ちながら、なるべく簡潔になるようにがんばってみました。
自分なりのアイデアや指針をコメントに書いておきました。
http://turibori.net/up/stored/up1334.html
改行とタブは私自身が見やすいように入れているだけです。
自分なりのアイデアや指針をコメントに書いておきました。
http://turibori.net/up/stored/up1334.html
改行とタブは私自身が見やすいように入れているだけです。
2005/06/06(月) 00:36:07ID:p0gTpfMx0
>>133
激しく乙。
firefox/win
ttp://www.imgup.org/file/iup37228.jpg
opera7.5/win
ttp://www.imgup.org/file/iup37229.jpg
枠は一重の方がいいかもね。
激しく乙。
firefox/win
ttp://www.imgup.org/file/iup37228.jpg
opera7.5/win
ttp://www.imgup.org/file/iup37229.jpg
枠は一重の方がいいかもね。
2005/06/06(月) 00:41:00ID:p0gTpfMx0
もしくは、線を細くして色を薄めにすれば、現行に近い感じにはなるかもしれない。
136▲ ◆cZfSunOs.U
2005/06/06(月) 23:01:37ID:lCpUMZgO0 >>133 乙です.
133 のをベースに若干の手直しをしてみたもの: http://turibori.net/up/stored/qb5samp.html
で,「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」誰か作りませんか?
ひ(ry氏の裁定には必要だと思いますんで......といっても,作る前に
「CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版」の方で
Ok が出れば不要なのかも知れませんが.
133 のをベースに若干の手直しをしてみたもの: http://turibori.net/up/stored/qb5samp.html
で,「CSS非対応でも雰囲気はたいして変わらない程度のダイエット版」誰か作りませんか?
ひ(ry氏の裁定には必要だと思いますんで......といっても,作る前に
「CSS非対応ではベタテキストに見えるがCSSダイエットしまくり版」の方で
Ok が出れば不要なのかも知れませんが.
2005/06/07(火) 02:27:18ID:cJ3W52Qg0
2005/06/07(火) 03:16:55ID:py8p8hiN0
Safariってそんなにクセ多いの? 標準準拠謳ってるけど
139ヾ(゚パ)ノ ◆f0.zuburi6
2005/06/07(火) 13:45:43ID:ngQHmQiZ0140▲ ◆cZfSunOs.U
2005/06/07(火) 20:06:57ID:zFobzyoJ0 今ひ(ry氏がいるようなので age てみます.
【やろうとしていること】
bbs.cgi が吐き出す index.html を,CSS を使用するなどしてスリム化したい.
【ひ(ry氏に判断してほしい点】
そうした CSS 化を大胆に進めた場合,CSS 対応が不十分な旧式ブラウザなどでは
CSS によるデザインが反映されず,味気ない表示となってしまいます.
また,<table> タグによる枠線を CSS の border 指定に置き換えた場合,
完全に同一の枠線にはできないので,その部分の見た目が変わってしまいます.
・ CSS 対応が不十分な旧式ブラウザでの表示が味気なくなってもいいか,
それとも旧式ブラウザでの表示をできるだけ現行のものと同様にした方がいいか.
・ 枠線が <table> の場合と異なってもいいか,それとも <table> の枠線を保持した方がいいか.
といった点をひ(ry氏に判断して頂きたいので,よろしくお願いします.
【やろうとしていること】
bbs.cgi が吐き出す index.html を,CSS を使用するなどしてスリム化したい.
【ひ(ry氏に判断してほしい点】
そうした CSS 化を大胆に進めた場合,CSS 対応が不十分な旧式ブラウザなどでは
CSS によるデザインが反映されず,味気ない表示となってしまいます.
また,<table> タグによる枠線を CSS の border 指定に置き換えた場合,
完全に同一の枠線にはできないので,その部分の見た目が変わってしまいます.
・ CSS 対応が不十分な旧式ブラウザでの表示が味気なくなってもいいか,
それとも旧式ブラウザでの表示をできるだけ現行のものと同様にした方がいいか.
・ 枠線が <table> の場合と異なってもいいか,それとも <table> の枠線を保持した方がいいか.
といった点をひ(ry氏に判断して頂きたいので,よろしくお願いします.
2005/06/07(火) 22:06:26ID:YKdC/VOv0
borderに関して。
内側の線にborderstyle:inset
外側の線にborderstyle:outset
を適用させると言うことでよいのでは。
この場合、div要素を入れ子にするのがよいでしょう。
classの指定は複数できるという点も考慮していただければと。
ブラウザで対応しているかは知りませんが。。。。。
内側の線にborderstyle:inset
外側の線にborderstyle:outset
を適用させると言うことでよいのでは。
この場合、div要素を入れ子にするのがよいでしょう。
classの指定は複数できるという点も考慮していただければと。
ブラウザで対応しているかは知りませんが。。。。。
2005/06/08(水) 01:59:45ID:jJw94LGo0
で、ピ氏はどうですか?
2005/06/08(水) 12:12:27ID:Ahh+jhS7O
↓ここで今まで出てきたサンプルのまとめ
144動け動けウゴウゴ2ちゃんねる
2005/06/08(水) 20:39:29ID:3rQvm5Bi0145▲ ◆cZfSunOs.U
2005/06/08(水) 21:20:50ID:EajjhWbE0 >>143
>>32 http://blog8.fc2.com/c/certain47/file/news4vip-improved.txt (改良版ではなく現行ソースをインデントして見やすくしたもの)
>>43 http://nullpo.2log.net/home/junkies/public/2ch.txt (CSSのみ)
>>56 http://blog8.fc2.com/c/certain47/file/news4vip-css-1.html
>>69 http://up.isp.2ch.net/up/2ac8bc1c90ef.zip (2ch ISP でないと Forbidden)
>>120 ttp://www2.aqweb.net/tset/source/up0017.xxx
>>133 http://turibori.net/up/stored/up1334.html
>>136 http://turibori.net/up/stored/qb5samp.html
>>144 「ブラウザ依存の技術」とは?
1. 最近のメジャーなブラウザではサポートされているが旧式ブラウザなどではサポートされていないもの
2. 特定のブラウザのみで独自実装されているもの
3. 標準に準拠しているが最近のメジャーなブラウザの中でも未実装なブラウザがあるもの
4. 標準に準拠しているし最近のメジャーなブラウザではサポートされているがブラウザ間で挙動の相違があるもの
5. その他
1. だとすれば CSS 化できる部分はかなり限定されるのですが,
その点はまさに >>140 でひ(ry氏に問うている点なので......
2.〜4. は確かに注意すべき点ですね.5. であれば具体的に教えて下さい.
>>32 http://blog8.fc2.com/c/certain47/file/news4vip-improved.txt (改良版ではなく現行ソースをインデントして見やすくしたもの)
>>43 http://nullpo.2log.net/home/junkies/public/2ch.txt (CSSのみ)
>>56 http://blog8.fc2.com/c/certain47/file/news4vip-css-1.html
>>69 http://up.isp.2ch.net/up/2ac8bc1c90ef.zip (2ch ISP でないと Forbidden)
>>120 ttp://www2.aqweb.net/tset/source/up0017.xxx
>>133 http://turibori.net/up/stored/up1334.html
>>136 http://turibori.net/up/stored/qb5samp.html
>>144 「ブラウザ依存の技術」とは?
1. 最近のメジャーなブラウザではサポートされているが旧式ブラウザなどではサポートされていないもの
2. 特定のブラウザのみで独自実装されているもの
3. 標準に準拠しているが最近のメジャーなブラウザの中でも未実装なブラウザがあるもの
4. 標準に準拠しているし最近のメジャーなブラウザではサポートされているがブラウザ間で挙動の相違があるもの
5. その他
1. だとすれば CSS 化できる部分はかなり限定されるのですが,
その点はまさに >>140 でひ(ry氏に問うている点なので......
2.〜4. は確かに注意すべき点ですね.5. であれば具体的に教えて下さい.
2005/06/08(水) 22:03:23ID:EEqnB9K80
このままひ(ryにシカトされてdat落ちに100万ページビュー
147動け動けウゴウゴ2ちゃんねる
2005/06/12(日) 02:24:41ID:FiBUWaQV0 どうなってんお?
148動け動けウゴウゴ2ちゃんねる
2005/06/12(日) 02:33:01ID:QKyXWVgy0 まろゆきまち
2005/06/12(日) 02:49:56ID:YQV4VBCQ0
おののこまち
150タソキ@妄想系統 1/10 ☆ ◆Ver7J.....
2005/06/12(日) 22:25:06ID:gdy/iCp70 すすめかたの段階の提案
1、(HTMLのみ) 単に見た目を変えずにHTMLのまま軽量化する。
たいていのブラウザで表示されるようにする。
まずTABLEで表示する。DIVにはしない。
2、(CSS付加) style部分を別ファイルにできる。>>25のように、
CSSなしでも表示できるようにしておいて、
CSSサポートだとより見やすくなるという辺りが無難だろう。
TABLEで表示する。
DIVだと未対応ブラウザではモノクロでボーダーなしかもしれない(>>44)。
3、(CSS縛り)極論でいくと>>16のように見れないマシンは死ねってことになる。
>>25のようにCSSを表示できないブラウザというのも阻害される。
DIVで表示する。
1、(HTMLのみ) 単に見た目を変えずにHTMLのまま軽量化する。
たいていのブラウザで表示されるようにする。
まずTABLEで表示する。DIVにはしない。
2、(CSS付加) style部分を別ファイルにできる。>>25のように、
CSSなしでも表示できるようにしておいて、
CSSサポートだとより見やすくなるという辺りが無難だろう。
TABLEで表示する。
DIVだと未対応ブラウザではモノクロでボーダーなしかもしれない(>>44)。
3、(CSS縛り)極論でいくと>>16のように見れないマシンは死ねってことになる。
>>25のようにCSSを表示できないブラウザというのも阻害される。
DIVで表示する。
151タソキ@妄想系統 1/10 ☆ ◆Ver7J.....
2005/06/12(日) 22:25:35ID:gdy/iCp70 具体的なレス
>>28 >>33 >>36
>>37 >テーブルは、構造的にはテーブルでなくてよい。1重だし。
>>72 >13バイトずつ縮む。
>>81 >飾りだけのtableも無くしちゃえばどんどん
>>94 >そこまでして容量を削るなら、削れるダブルコーテーションは全て削ろう。
>>96 >x-sjisだと言われて「いわゆるShiftJISな文書」と解釈しないWebブラウザはまず無い。
>>101 >無駄で不要なタグが削れるから圧倒的に容量は減ると思うけれどなぁ。。。@Valid化
>>104 >AddDefaultCharset Shift_JIS ですね,やるとすれば.<ヘッダで指定
ヘッダにすると、ローカルに保存すると、文字化けするものが出るかも。
他には、
改行をなくせば380バイトぐらい減らせる。
厳密にHTML4.01 strictとか目指さなくても、ある程度Validなら、ブラウザの互換性が保たれると思う。
>>28 >>33 >>36
>>37 >テーブルは、構造的にはテーブルでなくてよい。1重だし。
>>72 >13バイトずつ縮む。
>>81 >飾りだけのtableも無くしちゃえばどんどん
>>94 >そこまでして容量を削るなら、削れるダブルコーテーションは全て削ろう。
>>96 >x-sjisだと言われて「いわゆるShiftJISな文書」と解釈しないWebブラウザはまず無い。
>>101 >無駄で不要なタグが削れるから圧倒的に容量は減ると思うけれどなぁ。。。@Valid化
>>104 >AddDefaultCharset Shift_JIS ですね,やるとすれば.<ヘッダで指定
ヘッダにすると、ローカルに保存すると、文字化けするものが出るかも。
他には、
改行をなくせば380バイトぐらい減らせる。
厳密にHTML4.01 strictとか目指さなくても、ある程度Validなら、ブラウザの互換性が保たれると思う。
152タソキ@妄想系統 1/10 ☆ ◆Ver7J.....
2005/06/13(月) 01:02:58ID:jonUP3b+0 >>32を見ると、
”二重テーブル” head.txtのところ
”<!--//head.txtの中身//-->”
”<TD nowrap ALIGN=right></TD>”謎
その後、謎の”</form>”
”<Center>”じゃなくて、<td align=center>にする
”<TBODY>””</TBODY>”省略可能 広告のところ
”<table bgcolor="#CCFFCC"align=center>”スレ一覧 alignがはたらいていない
” target="body"”スレ一覧 スレごとに指定してある
”</a> <a ” スレ一覧 全角空白と半角がなぜかある。
”<center>”ofuda.ccのTABLE <table align=center>
”二重テーブル”ofuda.ccに何個かある alignとvalignでどうにかならないか。
”二重テーブル” head.txtのところ
”<!--//head.txtの中身//-->”
”<TD nowrap ALIGN=right></TD>”謎
その後、謎の”</form>”
”<Center>”じゃなくて、<td align=center>にする
”<TBODY>””</TBODY>”省略可能 広告のところ
”<table bgcolor="#CCFFCC"align=center>”スレ一覧 alignがはたらいていない
” target="body"”スレ一覧 スレごとに指定してある
”</a> <a ” スレ一覧 全角空白と半角がなぜかある。
”<center>”ofuda.ccのTABLE <table align=center>
”二重テーブル”ofuda.ccに何個かある alignとvalignでどうにかならないか。
153タソキ@妄想系統 1/10 ☆ ◆Ver7J.....
2005/06/13(月) 01:17:34ID:jonUP3b+0 >>51
>Be@2ch の read.cgi 出力では,Netscape 4.x 系では動かないような
>JavaScript コードが すでに使われてたりもするんで
”<a href="javascript:be(208478257);">” はonclickにする
”<center>”スレ立てTABLE align=centerが既に指定してあるから場所が違う
”</form>”</TD>の中に入れてみる
れ公開させていただきます</b>”<br>” 消してもいい
>Be@2ch の read.cgi 出力では,Netscape 4.x 系では動かないような
>JavaScript コードが すでに使われてたりもするんで
”<a href="javascript:be(208478257);">” はonclickにする
”<center>”スレ立てTABLE align=centerが既に指定してあるから場所が違う
”</form>”</TD>の中に入れてみる
れ公開させていただきます</b>”<br>” 消してもいい
154タソキ@妄想系統 1/10 ☆ ◆Ver7J.....
2005/06/13(月) 01:44:29ID:jonUP3b+0 onclickにしても変化無しでした。
JavaScriptの空白とTAB除去。
”N=getCookie("NAME"),M=getCookie("MAIL")”を
”N=c("NAME"),M=c("MAIL")”に、
”function getCookie(以下略”を
function c(k)
{
var a=" "+document.cookie+";",n=a.lenngth,c=d=0,t;
while(c<n){
d=a.indexOf(";",c);
s=a.substring(c+1,d);
t=s.indexOf("=");
if(s.substring(0,t)==k)
return(unescape(s.substring(t+1,d-c-1)));
c=d+1;
}
return("");
}
に。
JavaScriptの空白とTAB除去。
”N=getCookie("NAME"),M=getCookie("MAIL")”を
”N=c("NAME"),M=c("MAIL")”に、
”function getCookie(以下略”を
function c(k)
{
var a=" "+document.cookie+";",n=a.lenngth,c=d=0,t;
while(c<n){
d=a.indexOf(";",c);
s=a.substring(c+1,d);
t=s.indexOf("=");
if(s.substring(0,t)==k)
return(unescape(s.substring(t+1,d-c-1)));
c=d+1;
}
return("");
}
に。
155名無しさんの声
2005/06/16(木) 08:38:01ID:4DXL6RNh0 >>133
smallについて、それを含むp要素にclass=weakとか書くのはどうか?
あと投稿者名のところのspanですが、dt内のbという形でCSSのセレクタを書いてやれば
spanは無くてもいい気がします。
一部brを使いすぎな気もします。段落分けて次の行頭にp開始タグをつけるのはどうでしょう。
あとは、これは2chのリンクポリシーの見直しですが、全般的なtarget=_blankの必要性の有無の検討ですか。
つか、個人的には同じ見た目を目指すって設計思想が間違ってる気もします。
ブラウザの表示を同じにするためにトラフィックが増えるなら少しくらい違ったって良いジャンとか思ったり。
どうせLynxとかじゃ違う見た目なんだしさ。
>>150
CSSに非対応なら"違う表示にはなっても意味は解釈できる"表示になるはず。
CSSの実装に不具合のあるブラウザが問題なのよ。具体的に云うとIE3とNN4だよね。
個人的にはシェアも0.6%以下だしセキュ穴もあるしそんなん使ってる奴は覚悟して使ってるだろうし
そもそもバグだらけなんだからCSS機能切ってるだろとか思うので気にしなくて良いと思うんだけれども。
あとは、151よろしく、それなりにValidならCSSに対応してないブラウザでも意味は通じると思われ。
smallについて、それを含むp要素にclass=weakとか書くのはどうか?
あと投稿者名のところのspanですが、dt内のbという形でCSSのセレクタを書いてやれば
spanは無くてもいい気がします。
一部brを使いすぎな気もします。段落分けて次の行頭にp開始タグをつけるのはどうでしょう。
あとは、これは2chのリンクポリシーの見直しですが、全般的なtarget=_blankの必要性の有無の検討ですか。
つか、個人的には同じ見た目を目指すって設計思想が間違ってる気もします。
ブラウザの表示を同じにするためにトラフィックが増えるなら少しくらい違ったって良いジャンとか思ったり。
どうせLynxとかじゃ違う見た目なんだしさ。
>>150
CSSに非対応なら"違う表示にはなっても意味は解釈できる"表示になるはず。
CSSの実装に不具合のあるブラウザが問題なのよ。具体的に云うとIE3とNN4だよね。
個人的にはシェアも0.6%以下だしセキュ穴もあるしそんなん使ってる奴は覚悟して使ってるだろうし
そもそもバグだらけなんだからCSS機能切ってるだろとか思うので気にしなくて良いと思うんだけれども。
あとは、151よろしく、それなりにValidならCSSに対応してないブラウザでも意味は通じると思われ。
2005/06/16(木) 20:20:42ID:JH/9ZV/D0
146 :動け動けウゴウゴ2ちゃんねる :2005/06/08(水) 22:03:23 ID:EEqnB9K80
このままひ(ryにシカトされてdat落ちに100万ページビュー
このままひ(ryにシカトされてdat落ちに100万ページビュー
157タソキ@妄想系統 1/10 ☆@ ◆Ver7J.....
2005/06/17(金) 23:28:15ID:LUjqw+PK0 >>155
そういう目的ならXHTMLにでもしておくと、便利ですよね。
そういう目的ならXHTMLにでもしておくと、便利ですよね。
158名無しさんの声
2005/06/18(土) 10:16:38ID:Ty4V8tHM0 >>157
ただ、XHTMLだと容量削減という目的には添えませんね。
軽量化の手段としては2ch上ではXMLで出力してXSLをbbsmenuみたいに
どっか別のとこに置いとくとかになるんでしょうが、今度は対応ブラウザが
限定されすぎるという欠点があります。
あと自分はSGML大好きっ子なのでHTMLの方が・・・。
ただ、XHTMLだと容量削減という目的には添えませんね。
軽量化の手段としては2ch上ではXMLで出力してXSLをbbsmenuみたいに
どっか別のとこに置いとくとかになるんでしょうが、今度は対応ブラウザが
限定されすぎるという欠点があります。
あと自分はSGML大好きっ子なのでHTMLの方が・・・。
159タソキ@妄想系統 1/10 ☆ ◆Ver7J.....
2005/06/21(火) 11:14:57ID:Pzmh9r3p0 >>158 SGML の方が軽いですね
あとは、
<head>で base を宣言すれば、
<base href="../test/read.cgi/operate" target="_blank">
<a href の ../test/read.cgi/operate と target="_blank" target="body"
が省略できます。
あとは、
<head>で base を宣言すれば、
<base href="../test/read.cgi/operate" target="_blank">
<a href の ../test/read.cgi/operate と target="_blank" target="body"
が省略できます。
160FOX ★
2005/06/22(水) 14:10:54ID:???0 噂を信じちゃいけないよ〜♪
規制情報板の報告を実際に食べてみて
自分で実態を感じ取ってすすめた方が良いと思います。
かくいうわたしも噂を流している張本人ですが、
噂であらしが止まるのだ !!
うっひっひ
規制情報板の報告を実際に食べてみて
自分で実態を感じ取ってすすめた方が良いと思います。
かくいうわたしも噂を流している張本人ですが、
噂であらしが止まるのだ !!
うっひっひ
161FOX ★
2005/06/22(水) 14:11:10ID:???0 誤爆でーす
2005/06/22(水) 14:11:53ID:WFFP0HAx0
だよな。
163ヾ(゚パ)ノ ◆f0.zuburi6
2005/06/22(水) 19:27:24ID:qCsK35Sf0 見てはいるのねw
2005/06/29(水) 21:35:12ID:FFG5VdBl0
165けんすう ★
2005/06/30(木) 04:52:58ID:???0 お。
2005/06/30(木) 05:15:38ID:qPtjP5Lh0
やれることはほとんどやっちゃった気もするけどなぁ
2005/07/01(金) 19:17:48ID:VwvNG3VY0
おぉ、珍しく自分にもやれそうな作戦だ。
2005/07/05(火) 19:40:23ID:JQE7ltAY0
ハハハ
169ヾ(゚パ)ノ
2005/07/05(火) 20:12:19ID:V7Os8mPAP ヾ(゚パ)人(゚パ)人(゚パ)ノ
2005/07/07(木) 07:51:08ID:1nsi/34W0
これってもう反映されてるの?
171stream ◆ap/yuix/tw
NGNG いや全然
2005/07/08(金) 02:21:25ID:yozIhbch0
http://pc8.2ch.net/test/read.cgi/hp/1119193120/
326 名前:Name_Not_Found[sage] 投稿日:2005/07/01(金) 16:33:11 ID:???
>325
そうなの?
IEの方が利用者おおいからこう考えてきたけど。
今度からはちゃんと両方とも対応させながら作るよ。
驚いたことが、トップページだけどCSSにしたんだが、一日の転送量が20MBも減ったこと。
これは今までのテーブルタグが重かったのか、CSSはダウンロードが一回だけだからか。
分からんけど減ってよかった。
さて今度はいつテーブルに帰ってくるかだが
326 名前:Name_Not_Found[sage] 投稿日:2005/07/01(金) 16:33:11 ID:???
>325
そうなの?
IEの方が利用者おおいからこう考えてきたけど。
今度からはちゃんと両方とも対応させながら作るよ。
驚いたことが、トップページだけどCSSにしたんだが、一日の転送量が20MBも減ったこと。
これは今までのテーブルタグが重かったのか、CSSはダウンロードが一回だけだからか。
分からんけど減ってよかった。
さて今度はいつテーブルに帰ってくるかだが
2005/07/14(木) 01:47:09ID:zLCXAPos0
ho shu
174stream ◆ap/yuix/tw
NGNG 【スイカ】雪だるま作戦に思いを馳せながら雑談するスレッド Part3
http://aa5.2ch.net/test/read.cgi/nanmin/1120638831/471
471 名前:▲ ◆cZfSunOs.U [sage] 投稿日:2005/07/12(火) 02:14:59
とりあえず index.html 生成の前段階として html/*.html 生成まで実装しますた.
http://sunos.saita.ma/bbsd.c
【bbs.cgi】index.html軽量化作戦スレ
http://qb5.2ch.net/test/read.cgi/operate/1117726508/
↑についてひ(ry氏の見解がもらえないままなんですが,
実験仕様と割り切ってこの成果を取り込む方向でやろうかと......
(略)
http://aa5.2ch.net/test/read.cgi/nanmin/1120638831/471
471 名前:▲ ◆cZfSunOs.U [sage] 投稿日:2005/07/12(火) 02:14:59
とりあえず index.html 生成の前段階として html/*.html 生成まで実装しますた.
http://sunos.saita.ma/bbsd.c
【bbs.cgi】index.html軽量化作戦スレ
http://qb5.2ch.net/test/read.cgi/operate/1117726508/
↑についてひ(ry氏の見解がもらえないままなんですが,
実験仕様と割り切ってこの成果を取り込む方向でやろうかと......
(略)
2005/08/11(木) 18:39:28ID:OXD1fZEw0
2005/08/23(火) 23:20:13ID:caa0hZPI0
177自称〈神〉
2005/08/23(火) 23:41:35ID:IPBr06eU0 ふん、雑魚どもが集まってるな・・・
こんなくだらん事してるとわな・・・
かわいそうで涙が出てくる(笑)
こんなくだらん事してるとわな・・・
かわいそうで涙が出てくる(笑)
178ちょろ ★
2005/08/24(水) 04:39:10ID:???0 4949
2005/08/24(水) 04:51:11ID:2x3b7RKh0
また朝帰りか
2005/08/24(水) 16:11:21ID:Wads9yzr0
また飲みすぎか
181動け動けウゴウゴ2ちゃんねる
2005/09/25(日) 17:10:18ID:ihgVhyk/0 軽量化か・・・。
思い切って4ペイン構造っていうのはどうだ?
漏れの場合、毎回毎回subback.htmlクリックしてるからなぁ
■現状
板|板名
い|お約束
ち|スレ50個ぐらい
ら|上にあるスレ10個とその内容
ん|新規スレ立て
subback.htmlクリックしたら
板|スレッド一覧
い|
ち|
ら|
ん|
この状態でスレッドをクリックすると、
新しいウインドウが立ち上がりスレが表示される。
思い切って4ペイン構造っていうのはどうだ?
漏れの場合、毎回毎回subback.htmlクリックしてるからなぁ
■現状
板|板名
い|お約束
ち|スレ50個ぐらい
ら|上にあるスレ10個とその内容
ん|新規スレ立て
subback.htmlクリックしたら
板|スレッド一覧
い|
ち|
ら|
ん|
この状態でスレッドをクリックすると、
新しいウインドウが立ち上がりスレが表示される。
2005/09/25(日) 17:11:18ID:ihgVhyk/0
つづき。sage忘れスマソ
■改良案
板|板名、板のお約束(index.htmlの一部) 大きさ15%ぐらい?
い|(スレ内容やスレ一覧を表示しないので負荷と転送量削減可能)
ち|−−−−−−−−−−−−−−−
ら|スレいちらん(subback.html 転送量・負荷かわらず) 大きさ35%ぐらい?
ん|−−−−−−−−−−−−−−
|最初広告・スレをクリックしたらスレ内容
|(スレ検索が出来たら便利) 大きさ50%ぐらい?
この改良案の議論ポイント
1.画面が狭くなる。
2.板名と板のお約束はせまくすると思うが読まない人が出てくる
(現状でもあまり読まれてないかも?w)
■改良案
板|板名、板のお約束(index.htmlの一部) 大きさ15%ぐらい?
い|(スレ内容やスレ一覧を表示しないので負荷と転送量削減可能)
ち|−−−−−−−−−−−−−−−
ら|スレいちらん(subback.html 転送量・負荷かわらず) 大きさ35%ぐらい?
ん|−−−−−−−−−−−−−−
|最初広告・スレをクリックしたらスレ内容
|(スレ検索が出来たら便利) 大きさ50%ぐらい?
この改良案の議論ポイント
1.画面が狭くなる。
2.板名と板のお約束はせまくすると思うが読まない人が出てくる
(現状でもあまり読まれてないかも?w)
183動け動けウゴウゴ2ちゃんねる
2005/09/25(日) 21:03:25ID:cfTuHpxs0 indexの呼び出しの9割は単にsubbackをクリックしたいだけ
あとニュース系の板のsubbackはスレッドフロートしなくてもいい(内部で処理するのは勝手)
あとニュース系の板のsubbackはスレッドフロートしなくてもいい(内部で処理するのは勝手)
184動け動けウゴウゴ2ちゃんねる
2005/09/26(月) 15:42:39ID:h9juoUdz02005/09/26(月) 16:20:20ID:wUTfNxRa0
書き込み枠は要らんかも
index.htmlのスレ表示ってさ、1と最新10レスじゃん、こういうのって良くないと思う
187動け動けウゴウゴ2ちゃんねる
2005/09/27(火) 00:27:04ID:FoFbd93E0 だいぶ昔新機能スレかどこかに書いたが
http://gulab.ruitomo.com/s.cgi?k=%89%5E%97p&o=r
これのスレタイはそれぞれのスレのl100に、
これの●はそれぞれのスレのl50にリンクしている
メニューの板名にも◆とかをつけてそこだけ直にsubbackに飛ぶようにすれば
indexの呼び出しは9割方減る
http://menu.2ch.net/bbsmenu.htmlの送信量は倍になるがこれは頻繁には呼び出さないから
トータルでは節約になるはず
メニューの節約はサブカテゴリスレあたりでやればいい
http://gulab.ruitomo.com/s.cgi?k=%89%5E%97p&o=r
これのスレタイはそれぞれのスレのl100に、
これの●はそれぞれのスレのl50にリンクしている
メニューの板名にも◆とかをつけてそこだけ直にsubbackに飛ぶようにすれば
indexの呼び出しは9割方減る
http://menu.2ch.net/bbsmenu.htmlの送信量は倍になるがこれは頻繁には呼び出さないから
トータルでは節約になるはず
メニューの節約はサブカテゴリスレあたりでやればいい
NGNG
■ このスレッドは過去ログ倉庫に格納されています