■掲示板に戻る■ 全部 1- 最新50 [PR]ぜろちゃんねるプラス[PR]  

FC2の画像テンポリ対策をしよう

1 ：以下、VIPにかわりまして新都社でお送りします。：09/08/02 02:28:25 ID:Mj4BIEJG
現在、FC2から大量の画像ファイルをいっぺんにダウンロードしようとすると
503 Temporarily Unavailable というエラーが頻繁に返ってくるようです。
この仕様は、ひとつのページに大量の画像を置く必要がある漫画サイトにとって
致命的なので、いくつか対策を紹介します。

【作者側の対策：JavaScriptで画像の読み込みタイミングをずらす】

http://www.appelsiini.net/projects/lazyload
ここの minified から jquery.lazyload.mini.js をダウンロード
http://jquery.com/
ここから jquery-1.3.2.min.js をダウンロード
自分のサイトに置いてください。

自分のページの<head> ～～ </head>で囲まれた部分に次の行を挿入する
=====ここから=====
<script type="text/javascript" src="http://あんたのサイト/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://あんたのサイト/jquery.lazyload.mini.js"></script>
<script type="text/javascript">
$(function() { $("img").lazyload(); });
</script>
=====ここまで=====

これで、画像のダウンロードは一時的に保留され、ページスクロールして
画面内に画像が入った瞬間に読み込まれるようになります。

※IMGタグは <img src="hoge.jpg" width="600" height="800"> のように
　画像の縦横サイズを指定しておくとよいでしょう。

31 ：以下、VIPにかわりまして新都社でお送りします。：09/08/02 17:56:21 ID:Mj4BIEJG
>>30
そこからです。
ダウンロードしようとしてスクリプトがそのまま表示されてしまう場合は
リンクを右クリックして保存すれば大丈夫だと思います。

32 ：以下、VIPにかわりまして新都社でお送りします。：09/08/02 17:57:22 ID:HP1eYGyC
忍者は転送量増えたときに警告なしでいきなり消されたから嫌い

33 ：以下、VIPにかわりまして新都社でお送りします。：09/08/02 18:00:15 ID:7JuDU8or
>>31
ありがとうございます！
ＩＥでウィンドウ立て直したら、普通にダウンロードできたっぽいです。
これで大丈夫なはずです・・・多分
http://ndoxuba.web.fc2.com/1.html

34 ：以下、VIPにかわりまして新都社でお送りします。：09/08/02 18:05:11 ID:Mj4BIEJG
>>33
バッチリです。お疲れ様でした。
更新頑張ってくださいね。

35 ：以下、VIPにかわりまして新都社でお送りします。：09/08/02 18:44:21 ID:7JuDU8or
>>34
はい更新頑張ります
確認作業協力ありがとうございました

36 ：以下、VIPにかわりまして新都社でお送りします。：09/08/03 15:54:37 ID:iLzxvzCv
>>33の作品もだけど、新都社では自サイト利用の多くの作品で
「次のページ」がなくて404エラーが出るのが悲しい。

fc2は　.htaccess　が使えるのでindexに飛ばすとかしてもらえたら嬉しいな。
ErrorDocument 404 /index.html
書くのはこんな一行だけだし。

37 ：1：09/08/04 03:57:30 ID:mKJ94go4
導入された方が結構いらっしゃるようですが、ちょっと補足です。

>>1の「※ IMG タグは画像の縦横サイズを指定しておくとよいでしょう。」についてです。
これをやらないと下記スクリーンショットのような状態になってしまい、結局 Firefox では
テンポってしまいます。

http://neetsha.net/bbs/up/vip27607.png

導入されたのは「スクリーンに触れた画像を読み込む JavaScript」ですが、
サイズ指定がされていないと、ページを開いた瞬間に全部触れちゃうんです。

http://neetsha.net/bbs/up/vip27608.png

こんな感じになるのが Firefox 的には理想です。
ご面倒をおかけしますが、何卒よろしくお願いします。

38 ：以下、VIPにかわりまして新都社でお送りします。：09/08/04 04:07:26 ID:kLqKxKdO
infoseek最強説

39 ：以下、VIPにかわりまして新都社でお送りします。：09/08/04 07:23:44 ID:R8iBmDJM
>>37あらら、じゃあ画像のサイズ指定っていうのは必須なんですね。
帰ってきたら早速対応したいと思います。
いつもご丁寧な解説ありがとうございます！！

40 ：以下、VIPにかわりまして新都社でお送りします。：09/08/04 12:48:34 ID:jopv5E9n
>>37
乙。了解です。
夜にでもサイズ固定してみますわ

41 ：以下、VIPにかわりまして新都社でお送りします。：09/08/04 21:04:30 ID:Ih++Ijvo
むしろ画像サイズ指定しないで表示できるのか

42 ：以下、VIPにかわりまして新都社でお送りします。：09/08/04 21:25:07 ID:lIR3x17z
アドレス指定すればできるよ

43 ：以下、VIPにかわりまして新都社でお送りします。：09/08/04 22:06:02 ID:u9dXTXYj
出来たよ！ホントありがとう～！
これでFC2でまだまだやれるわ。

44 ：以下、VIPにかわりまして新都社でお送りします。：09/10/13 16:30:04 ID:e8aOtGV9
http://ntc.me.land.to/fc2uzee/
fc2の画像問題を対策する、新しいスクリプトを作りました。

>>1のスクリプトは画像が画面内に入らないとロードされないため先読みが出来ませんでしたが、
こちらは強制的に１枚ずつロードするだけのスクリプトなので、先読みが出来ます。
また、ブラウザにキャッシュが残っている場合は素早く表示されます。

導入方法はリンク先を見ていただくとして、
既に>>1の対策をされている方はそのときに追加した行を削除してください。
（バッティングしてこちらが有効にならないので）

45 ：以下、VIPにかわりまして新都社でお送りします。：09/10/13 18:03:01 ID:KHqLhOn+
>>44
早速設置してみたところ、普通に読む分には
問題ない速さで画像が表示されていくので
とてもありがたかったです
ありがとう！

46 ：以下、VIPにかわりまして新都社でお送りします。：09/10/13 19:52:51 ID:gW7SEWEf
ジオシティーズだとこの現象は起こらないの？

47 ：以下、VIPにかわりまして新都社でお送りします。：09/10/13 23:40:17 ID:e8aOtGV9
FC2の、しかも一部の鯖だけだよ

48 ：以下、VIPにかわりまして新都社でお送りします。：09/10/14 00:26:03 ID:EUnFGg4x
>>44
バグがあると思います
http://d.hatena.ne.jp/kluck/20091014/1255447503

49 ：以下、VIPにかわりまして新都社でお送りします。：09/10/14 05:01:02 ID:CFInuPIy
http://ntc.me.land.to/fc2uzee/
>>48で指摘のあった箇所を修正しました＞＜
・IE8, Opera9への対応
・同一画像の連続有効化の見直し
・デモの時間間隔を延長
・デフォルトの割り込み間隔を0.2秒に変更

お手数お掛けしますが、再ダウンロードをお願いします。(バージョン表記が1.0.1になっています)
今後も修正するかもしれません。長い目で見てやって頂ければ幸いです。

50 ：49：09/10/14 15:22:24 ID:svKJvJ8d
言ってるそばからバージョンアップして1.0.2になりました。
ブラウザキャッシュが残っている場合、高速にスキップするよう変更しました。

51 ：以下、VIPにかわりまして新都社でお送りします。：09/10/14 17:28:34 ID:S3shS6IT
>>49
入れてみましたがそれでも表示されない画像が２，３枚ほどでてきます

52 ：49：09/10/14 22:35:16 ID:svKJvJ8d
>>51
ちょっとテストに付き合ってもらっていいですか？
imgload.jsの最後付近にある「200」を「2000」にして、
どうなるのか（画像が全部表示されるか、二秒おきに読み込まれるか）試していただきたいです。

53 ：以下、VIPにかわりまして新都社でお送りします。：09/10/14 22:55:08 ID:S3shS6IT
>>52
やってみたけど表示されない画像が何枚かあるのに「完了」になっちゃうのは変わりませんでした
ブラウザは火狐3.0.14です

54 ：以下、VIPにかわりまして新都社でお送りします。：09/10/14 22:55:45 ID:S3shS6IT
↑２秒おきには読み込まれてるっぽいです

55 ：49：09/10/14 23:26:29 ID:svKJvJ8d
>>53-54
お付き合いどうもありがとうございます。表示されないままでしたか。
うーん当方では表示されない原因が分かりかねます。スクリプトのバグでは無いと思いたいんですが。

ちょっと言い訳になるんですけど、lazyloadを導入されている方のところでも、
ゆっくりスクロールしているのに画像が表示されないことがたまにあるんですよね。

同じ鯖でテスト出来るといいんだけど・・・。

56 ：以下、VIPにかわりまして新都社でお送りします。：09/10/15 03:48:00 ID:0IchHvWc
>>55
image.load_errorがtrueのとき、再読み込みしないように思えます

57 ：55：09/10/15 05:27:56 ID:NgkBEFFH
>>56
遅延読み込みだけで全て完了させることが主眼なので、再読み込みは考えてませんでした。
ダウンローダーで並列ダウンロードすると503が頻繁に返ってきて、一つずつだと全て正常に読み込めるので
同様の手段でいけると思ったんですけどね……。

HTMLImageElementで、ファイルが404なのかその他のエラーで読めなかったのかを区別する手段ってあるのかしら。
ファイルが無いときに再読み込みを繰り返したら、鯖に爆撃してることになるような。

58 ：以下、VIPにかわりまして新都社でお送りします。：09/10/15 13:52:28 ID:0IchHvWc
>>57
まず、503はあくまでサーバーのエラーなので、
必ずしも一つずつなら読み込めるわけではないです
例えば、単位時間での接続数が多い場合、
503を返すようなうｐろだのような例があります

次に仮に一つずつならサーバーは画像を返すとしても、
上記スクリプトでは200ミリ秒以内読み込まれない場合、
画像のsrcが空文字列（=表示しているページ自体の読み込み）に
なっている気配がします（確証はありません）
最後のelseをelse if (image.src_store != '')とした方がいいかもしれないです

最後に区別の手段はありません（セキュリティー考えれば当然ですよね）
従って、実装としては、N回読み込みをしたらやめる、
もう少し複雑化して、同じドメインでN回読み込みを行ったら、
XMLHttpRequestを使って、そのファイルの存在をチェックするというのが考えられますね

長文失礼しました

59 ：49：09/10/17 18:32:32 ID:PyWkqZmQ
>>58
じゃあやはり、アクセスの多い深夜だとテンポリは避けられないことになりますね。
ブラウザの仕様>>2に起因するテンポリには有効だとは思いますが……。

srcが空になる件はミスでした！デモのコードではちゃんとチェック入っていたのに。
修正しました。どうもありがとうございます。

うーん、ワンパンマンでこのバグが盛大に露呈してしまった。もう採用されないだろうなぁ。

60 ：以下、VIPにかわりまして新都社でお送りします。：09/10/17 20:57:23 ID:nOC3c/jg
がんばってください

61 ：以下、VIPにかわりまして新都社でお送りします。：09/10/17 21:38:16 ID:NE6xwIYW
http://d.hatena.ne.jp/kluck/

こんなの作ってくれてたよ　参考になる？素人にはイミフだが

62 ：以下、VIPにかわりまして新都社でお送りします。：09/10/21 23:12:44 ID:M1FNFUcF
すごく初歩的な質問になってしまうのですが…このスクリプトを導入する手順の「サイトに置く」というのはどういう意味なのでしょうか？

まずそこでつまづいてしまったのですが・・・ｈｔｍｌあまり詳しくなくてすみません

それとつい先日までは「大丈夫な」鯖で普通に表示できていたのに、急に読み込みできなくなったのですが、異常が出ている鯖って増えたりかわったりしているのでしょうか…？

63 ：以下、VIPにかわりまして新都社でお送りします。：09/10/21 23:44:38 ID:AOzc+WBx
>>62
画像ファイルと同じように、jsファイルをアップロードするということです。

画像が急に読み込めなくなった原因は分かりませんが、
最近、携帯用にページが自動変換されるようになった（QRコードがうざいと騒がれている
アレです）ので、その仕様を導入する際に、鯖の設定も見直されたのかもしれませんね。

64 ：以下、VIPにかわりまして新都社でお送りします。：09/10/21 23:55:33 ID:M1FNFUcF
>>63
おおお！ありがとうございます！！

そうそう、気づいたらＱＲコードが出てすごく邪魔だなぁと思ったんですがそういうことだったんですね・・

以前に誰かがまとめてくれた「大丈夫な」ｆｃ２自サイトのリストに載っていたので安心していたらこのざまです・・・

さっそくスクリプト導入してみます！

65 ：以下、VIPにかわりまして新都社でお送りします。：09/10/22 00:02:40 ID:HrMhFoj7
ところでＦＣ２で自サイトをやっている方は無料バージョンの方がほとんどだと思うんですけど、もし有料版にしたらこの画像読み込みのトラブルっが解消される、ということはあるんでしょうか？

なんなら有料版にしちゃってもいいかなと思っているのですが・・・

66 ：以下、VIPにかわりまして新都社でお送りします。：09/10/22 05:51:45 ID:hCMVP+rD
>>65
確認したわけではありませんが、有料版へアップグレードしても
サーバ自体は変わらないようですから、問題は解消しないと思います。

ちなみにレンタルサーバ板のFC2スレから転載↓
> 117 ：名無しさん＠お腹いっぱい。 ：2009/07/31(金) 02:49:42 0
>   fc2web 有料のユーザなんだが、先週末から急に画像表示が不安定になったぞ。
>   何度かリロードして、やっと全部表示されることもあるし、されないこともある。
>   おそらく、サーバーが重過ぎて、http リクエストに答えられないんだろうな。

「もし」どこかを借りるなら、さくらインターネットがいいかと。
スタンダードは運次第ですが、ライトプランは収容人数の割りにヘビーユーザが少ないのでおおむね快適です。
なんかさくらの回し物みたいなレスになっちゃった。

67 ：以下、VIPにかわりまして新都社でお送りします。：10/04/30 10:47:56 ID:x8L9QSMS
スレあげておこう。

fc2で画像テンポリすぎて
がっかりするときがある。。

68 ：以下、VIPにかわりまして新都社でお送りします。：10/04/30 11:09:50 ID:HXpVHoUU
>>2の対策をしたらだいたい読み込めるようになった

69 ：以下、VIPにかわりまして新都社でお送りします。：10/04/30 13:58:43 ID:x8L9QSMS
>>68
うお本当だ。ありがとうです。

70 ：以下、VIPにかわりまして新都社でお送りします。：10/04/30 21:44:41 ID:ga6PG7MH
>>51だが未だにこんな調子だよクソが…ほんとFC2うんこ。また移転かなあ…

71 ：以下、VIPにかわりまして新都社でお送りします。：10/05/03 21:49:52 ID:LtoNA0JC
FC2にはファイルマネージャ付いてるし、みんな使ってるし
広告少ないし、と言う理由が多いんだろうけれど、
新都社のかなりのFC2自サイトの画像がテンポってる。ブラウザによっては
普通に閲覧出来るので作者も読者も気がつかない。

読まれる事を考えるなら、広告等のウザさでレイアウトが崩れる事よりも
少しでも快適に画像を表示出来るかが重要だろう。
しかし、ほとんどのサイトがファイルマネージャの様な機能を備えていない。
初めての人は二の足を踏むことになる。
そこで初心者でも出来るだけ簡単にHPを作れる様にフリーソフト等を
使った初心者サイトを探してきた。

72 ：以下、VIPにかわりまして新都社でお送りします。：10/05/03 21:51:03 ID:LtoNA0JC
超初心者のホームページ作成
http://beginners.atompro.net/
フリーソフトでホームページを作ろう
http://homepage.ojaru.jp/
フリーのソフトで初心者でも簡単に
http://pcgenki.com/soft2/alpha_edit.htm
無料ホームページ作成～HomepageManager～『@BG』
http://www.j-ns.com/ab/

等のソフトを使ったものであれば簡単

FFFTP　FTPアップロードソフトの定番
http://www2.biglobe.ne.jp/~sota/ffftp.html

作成フリーソフト集
http://www.softnavi.com/homepage.htm
http://soft.biglarge.com/soft7.htm

73 ：以下、VIPにかわりまして新都社でお送りします。：10/05/03 22:03:18 ID:LtoNA0JC
そして、新都社で使われる主要な無料フリースペース

＠PAGES　（容量１G　広告　忘れた）
http://atpages.jp/　

NINJA TOOLS　（容量５０メガから自己申告制　広告　少ない　ファイルマネージャ機能あり）
http://www.ninja.co.jp/

FC2　（容量１G　新規に取ると大抵テンポり鯖に当たる　古いサイトでも運が悪いところはテンポっている
　　　　広告は少ない　重い　ファイルマネージャ機能あり　エロ可）
http://fc2.com/

Ribbon Network　（容量５００ｍから申告制だったはず　アクセス数により広告スペースが変わる
　　　　　　　　　ワンパンマンや趣味レーション等参考　エロ可だがindexページを１８禁仕様必須）
http://ribbon.to/

ブットビネット　（容量無制限っぽい　広告はルカジ参照）
http://www.buttobi.net/?n=service&l=ja

ヤフージオシティーズ　（容量５０メガ　広告はK参照）
http://geocities.yahoo.co.jp/

インフォシーク　（容量５０メガ）
http://isweb.www.infoseek.co.jp/

74 ：以下、VIPにかわりまして新都社でお送りします。：10/05/03 22:46:32 ID:WREpQSJ4
蟻が十匹ありがとう

75 ：あぼーん：あぼーん
あぼーん

76 ：以下、VIPにかわりまして新都社でお送りします。：10/05/23 18:09:34 ID:do8CHXov
これって何枚からテンポるの？
２枚以上でアウト？

77 ：以下、VIPにかわりまして新都社でお送りします。：10/05/23 18:17:59 ID:1bzu2ykf
webマンガの広告料で、小遣い程度でも稼げないのかね？
がんばって描いてくれる先生方を、どうにかもっと応援できないものか

78 ：以下、VIPにかわりまして新都社でお送りします。：10/05/23 21:00:16 ID:i5a1YK2E
それで別スレたててみればいいんじゃないかな

79 ：以下、VIPにかわりまして新都社でお送りします。：10/05/24 01:20:52 ID:ew8PR7uT
>>76
試した感じだと6枚くらいからかな

80 ：77：10/05/24 03:42:40 ID:6mdnsUR1
たててみたよ

81 ：以下、VIPにかわりまして新都社でお送りします。：10/05/25 20:04:04 ID:nf3W/pGd
>>79
㌧
結構てかかなり少ないな…

82 ：以下、VIPにかわりまして新都社でお送りします。：11/05/29 15:17:10 ID:7kJpeqWq
6ヶ月更新なしのときの広告がひどくなってるな…

83 ：あぼーん：あぼーん
あぼーん

84 ：以下、Web漫画と小説の新都社の提供でお送りします：2015/07/08(水) 18:37:47 ID:Hng6yr1AO
最近は画像の表示されにくさ改善されたんだろか

85 ：以下、Web漫画と小説の新都社の提供でお送りします：2019/05/12(日) 08:51:46 ID:nlPY84QS0
今は別作品の画像が表示されるバグがあるらしいな

86 ：以下、Web漫画と小説の新都社の提供でお送りします：2019/05/27(月) 21:18:40 ID:Vv4753Wi0
別作品っていうかアクセスが集中するからワンパンマンの画像が割り込んでくる

87 ：以下、Web漫画と小説の新都社の提供でお送りします：2020/05/31(日) 02:36:30 ID:Ir5i8FLq0
そういう理由だったのか

88 ：以下、Web漫画と小説の新都社の提供でお送りします：2021/05/31(月) 21:09:46 ID:49C4LlEO0
今はもう大丈夫なんかな？

26KB
新着レスの表示
掲示板に戻る 全部 前100 次100 最新50
名前： E-mail（省略可）：
READ.CGI - 0ch+ BBS 0.7.4 20131106
ぜろちゃんねるプラス