[暴満館] ニュースサイト向けの即席サイト軽量化法 後編
ニュースサイト向けの即席サイト軽量化法 後編 前編、中編と続いてサイトの軽量化の話をしたが、最後は閲覧者への負担等を減らすTipsなどを。 CSSのbackgroundでfixedを使用しない スクロールしても画像の位置がそのまま、なんてページがよくあるが、ブラウザのスクロールがかなり重くなるので、仮に設定する場合でも小さくするなどといった配慮が必要。 img要素にはwidthとheightを widthとheightが指定されていない場合、ブラウザ側で画像を取得して幅と高さを設定して表示する。 これだけならまだいいんだが、転送速度が遅かったりすると、ソースを全て読み込んだあたりでも画像を読み込んでくれないので、困ったことが出てくる。それはアンカーへのジャンプ。 URLの最後に#exampleなんてついてたりすると、ページ内の指定された場所までスクロールしてくれるのだが、そのページ内に画像
暴満館 » ニュースサイト向けの即席サイト軽量化法 中編
ニュースサイト向けの即席サイト軽量化法 中編 前編では具体的な軽量化方法を示したので、次は実践してみよう。 Devas（Vectorの紹介記事） あると便利っつーか無いと始まらないソフトウェア。ニュースサイトともなると過去ログの量が膨大な数に上るので、テキストエディタで直していったら日が暮れてしまう。そこでこのDevas。複数ファイルへの正規表現による文字列検索・置換を行うことが出来る。 まずは上記リンク先からDevasをダウンロード。適当なフォルダに解凍して起動する。自分にあったオプション設定をしたら実際に置き換えをしてみる。 例1 a+fontからfontタグを取り除く <font color="#994400" size="3">[サイト名](http://hoge/)</font><br /> これを [サイト名](http://hoge/)<br /> こうなるように置換する。カ
[暴満館] ニュースサイト向けの即席サイト軽量化法 前編
ニュースサイト向けの即席サイト軽量化法 前編 ターゲットは中途半端にCSSを利用しつつ、fontやcenterタグが入り乱れているニュースサイト。構成次第では一般のサイトでも利用可能。 a+font <p> <font color="#994400" size="3">[サイト名](http://hoge/)</font><br /> <font color="#994400" size="3">[サイト名](http://hoge/)</font><br /> <font color="#994400" size="3">[サイト名](http://hoge/)</font><br /> ... </p> サイトのブックマークなんだろうが、このようなタグがずら～～～～～っと並んでいる場合。基本的にfontタグで出来ることはCSSでも可能なのでCSSを利用する。例えばこれなら a:link
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
