HTML/CSS の質問に優しく答えるスレ 27

1 ：Name_Not_Found ：2017/05/20(土) 19:13:26.64 ID:???.net

ここは初心者からベテランまで、全ての人を対象に優しく答えるスレです

類似質問大いに結構。分からない人は何回聞いても結構
HTML / CSS の事なら何でもOK
ただし、JavaScript や PHP などはスレ違い / 板違い。該当スレ / 該当板でどうぞ

+ JavaScript & jQuery 質問用スレッド vol.6 + [無断転載禁止]©2ch.net
http://echo.2ch.net/test/read.cgi/hp/1465566635/

質問するときはIDを出すためにメール欄を　age　にすることをおすすめします


回答してくれる方は優しい人のみ！
質問者に対して暴言を吐く人は このスレを見るな！！

質問側も節度あるレスで！
質問前にスレ内を検索しましょう

■次スレについて
基本的にレスナンバー>>980を取った人（立てられない場合は次の宣言者）が立てて下さい
重複を避けるため、独断でスレ立てはせず必ず意思表示をしてから立てて下さい（>>980を取った場合も）
立てられない事が予め分かっている場合は、>>980付近の書き込みは自重しましょう

■前スレ
HTML/CSS の質問に優しく答えるスレ 26
http://echo.2ch.net/test/read.cgi/hp/1489201345/

954 ：Name_Not_Found：2017/07/16(日) 23:01:10.71 ID:???.net

>>952
自分の書き込みにレスして何かの方向に誘導している？そういうことなの？？

955 ：Name_Not_Found：2017/07/16(日) 23:03:48.56 ID:???.net

自鯖においておいたら、ネットワーク帯域は取られるは
配信のために負荷はかかるわ、同時接続数の制約に引っかかるわで、
パフォーマンスが落ちるってことが話の発端ですよ。

CDNプロバイダと契約して、本気でCDNを利用する形にしたら
パフォーマンスは最大になるけどお金はかかる。

でもjQueryなどの有名ライブラリだけであれば、
無料で使える下地ができてるんですよ。
これを使わない手はないよ

956 ：Name_Not_Found：2017/07/16(日) 23:04:09.31 ID:???.net

>>954
理由は不明。
だけど文章の特徴がどれも酷似していて恐らく同じ人かと。

957 ：Name_Not_Found：2017/07/16(日) 23:04:35.85 ID:???.net

>>955
あぁ同時接続数が食われるのか、確かになぁ

958 ：Name_Not_Found：2017/07/16(日) 23:05:14.21 ID:???.net

>>936
2ちゃんねる表現で説明するならば自作自演

959 ：Name_Not_Found：2017/07/16(日) 23:07:28.55 ID:???.net

>>956
>>947
そっとしておけ

960 ：Name_Not_Found：2017/07/16(日) 23:08:09.38 ID:???.net

自作自演多すぎｗ
気づいてないと思ってるのかな？

961 ：Name_Not_Found：2017/07/16(日) 23:10:47.26 ID:6pcMJLpA.net

読み込むタイミングを考えると
ライブラリのために同時接続数が気になるほどであればむしろ
必要なJSファイルだけをひとつにがっちゃんこして
直接HTMLファイルに出力する仕組みを考えたほうが良い気はする

962 ：Name_Not_Found：2017/07/16(日) 23:10:51.62 ID:???.net

934 Name_Not_Found sage 2017/07/16(日) 22:28:08.33 ID:???
日本語に不自由した書き込みは目立ちますね。

>>834 >>804-812 >>815 >>929 >>891-902 >>899 >>868-869

アンカつけて独り言とか基地外にも程があるだろ。

963 ：Name_Not_Found：2017/07/16(日) 23:20:50.27 ID:???.net

>>961
それも一つの手ではあるけど面倒なんだよね。

プログラム関係が得意なら、一つに結合するのを
ビルド関係の処理の一つのプロセスとして入れるだけでいいけど、
HTMLやCSSがメインでプログラムはほとんど使わないような
場合は、修正のたびにファイルを結合する手間がかかる

964 ：Name_Not_Found：2017/07/16(日) 23:34:11.61 ID:???.net

スマホでつべだらけのブログに接続すると表示されるまで時間かかるよね

965 ：Name_Not_Found：2017/07/16(日) 23:40:47.86 ID:???.net

>>963
それはわかる
ただそんな段階でJSライブラリファイルの１つ２つを気にするのは
なんか微妙な感じがね
他にもっとやることあんじゃね？的な
それでパフォーマンスが何％改善するの？的な

966 ：Name_Not_Found：2017/07/16(日) 23:41:07.52 ID:???.net

そりゃそうだろうね。YouTubeのようにjQuery使ってないものでも
表示されるものが多ければそれだけ遅くなるよ。

967 ：Name_Not_Found：2017/07/16(日) 23:49:10.46 ID:???.net

>>965
> それでパフォーマンスが何％改善するの？的な
パフォーマンスの改善がどれくらい？って話なら優先順位は低いと思うよ。
実際にjQueryを使わなくしてもパフォーマンスは何%も改善しない。

サイトを重くしている一番の原因はサーバーのスペック不足だろうからね。
スペックが低いサーバーでも快適に配信するならば、
サーバー側の処理を無くすのが一番。データベースを使わないとかね。

だけど動的にページが生成される場合はそうも言ってられない。
その場合はキャシュをうまく使うとか、まあプログラム的にいろいろある。

ただこのスレ的に考えるとHTMLとCSSがメインなのだから、
実はサーバー側の処理はあまりない。共有サーバーを使わないとか
性能がいいサーバーを使うとか、回線能力が高いサーバーを使うとか、そういった程度
そしてCDNは強力な配信能力を持ったサーバーと考えることができる。
これを使わない手はないよ。

968 ：Name_Not_Found：2017/07/16(日) 23:53:38.94 ID:???.net

そんな深い話じゃないんだけどね
何％も改善しないことと
CDNだと届かないユーザが多くはなくてもいることと
どっちを取るかっつー話かと

969 ：Name_Not_Found：2017/07/16(日) 23:54:07.92 ID:???.net

> CDNだと届かないユーザが多くはなくてもいることと
> どっちを取るかっつー話かと
その場合は両対応すればいいだけだよ

970 ：Name_Not_Found：2017/07/16(日) 23:56:29.98 ID:???.net

CDNのパフォーマンス調べるサイトを見つけてしまった
https://www.cdnperf.com/

971 ：Name_Not_Found：2017/07/16(日) 23:57:41.02 ID:???.net

>>963
ここでCDNの話はやめた方が良いぞ

972 ：Name_Not_Found：2017/07/16(日) 23:58:52.10 ID:???.net

>>969
最近それやりづらくね？

973 ：Name_Not_Found：2017/07/17(月) 00:00:14.87 ID:???.net

>>963
googleは完全にそれだね
scriptもstyleも全部headにべた書きにしてる
styleに至ってはinlineでcss書いてたりする
もちろんそういう独自フレームワ−クを使ってるんだろうけど

974 ：Name_Not_Found：2017/07/17(月) 00:00:24.97 ID:???.net

実はファイルを結合することで速くするっていうのは
過去のものになりつつあるんだよ。それがHTTP/2

あなたのサーバーはHTTP/2に対応しているかい？
もし対応しているのであればファイルを一つに結合しても
あまり意味は無いだろう。

その点CDNはたいていHTTP/2に対応しているから
今のファイル配信の最適解はCDNを使って結合せずに
使うことなんだよね。
https://blog.apar.jp/web/5558/

975 ：Name_Not_Found：2017/07/17(月) 00:01:05.16 ID:???.net

>>972
> 最近それやりづらくね？
何が理由で「最近」やりづらくなったというの？

976 ：Name_Not_Found：2017/07/17(月) 00:01:12.39 ID:???.net

612 Name_Not_Found sage 2017/05/27(土) 02:13:51.31 ID:???
CDNが接続できないとか何いってんだって感じだなｗ
探せばそういうのあるかもしれんけど、
繋がりにくいとかありえんわ。
そんなに不安ならGoogleのCDNでも使ってりゃいいだろ

https://developers.google.com/speed/libraries/#jquery

977 ：Name_Not_Found：2017/07/17(月) 00:01:12.69 ID:???.net

>>967
＞サイトを重くしている一番の原因
php、dbだと思う
次点で画像

978 ：Name_Not_Found：2017/07/17(月) 00:02:13.08 ID:???.net

>>976
やめれ

979 ：Name_Not_Found：2017/07/17(月) 00:02:37.25 ID:???.net

またわいてるのか

980 ：Name_Not_Found：2017/07/17(月) 00:03:07.15 ID:???.net

>>973
Googleのやり方は例外だからねｗ

それができるのはGoogleの高い技術力があってのことだから、
下手に真似しても早くならない上に開発コストがかかるだけなんだよね。

Googleを真似することができるという自信があるのであれば
真似すればいいと思う。

981 ：Name_Not_Found：2017/07/17(月) 00:03:27.52 ID:???.net

934 Name_Not_Found sage 2017/07/16(日) 22:28:08.33 ID:???
日本語に不自由した書き込みは目立ちますね。

>>834 >>804-812 >>815 >>929 >>891-902 >>899 >>868-869

アンカつけて独り言とか基地外にも程があるだろ。

982 ：Name_Not_Found：2017/07/17(月) 00:04:07.81 ID:???.net

今は非同期表示で改善できる

983 ：Name_Not_Found：2017/07/17(月) 00:06:08.59 ID:???.net

>>980
いやいや、マネはしないよ。最適化の極みにこういうのもあるよーってだけ。
そもそもhtmlからしてわけが分からん。全部divってなんじゃこりゃ

984 ：Name_Not_Found：2017/07/17(月) 00:06:18.74 ID:???.net

>>982
非同期表示って何の話してるの？

985 ：Name_Not_Found：2017/07/17(月) 00:06:53.44 ID:???.net

>>960-982
わかりやすいですな

986 ：Name_Not_Found：2017/07/17(月) 00:08:34.88 ID:???.net

634 Name_Not_Found sage 2017/05/27(土) 15:07:18.61 ID:???
http://echo.2ch.net/test/read.cgi/hp/1478055094/604
>>ちなみにCDNは接続できない地区またはブロックされることもあります。日本でも繋がりにくいときもありますので業務用としてはお薦めできません。

>>608
>> ひでーなこれｗ
ここまでの間違い。バカなのかわざとなのか
晒し上げのネタにちょうどいいやｗ

>>614
>> CDNが接続できないとか何いってんだって感じだなｗ
探せばそういうのあるかもしれんけど、
繋がりにくいとかありえんわ。
そんなに不安ならGoogleのCDNでも使ってりゃいいだろ

>>615
>>そんなことしたら中国からの注文なくなるだろ・・・

やり取り見てわかったことは↓

別スレの604は「 CDNは接続できない地区またはブロックされることもあります。 」と可能性を主張したのに対して

>>608 は間違いと主張。
>>614 ありえんわと否定。
決定的と思われる発言がこれ「そんなに不安ならGoogleのCDNでも使ってりゃいいだろ」

やり取りを見ていて、おそらくCDNのデメリットを理解されていない。大規模商用サイトの構築経験がない方だとわかります。

デメリットを熟知されているのであればGoogleのCDNと言う説明レスではなく回避策やフォールバック等の説明をするべき。

以降は調べたのか理解されたようですね。

987 ：Name_Not_Found：2017/07/17(月) 00:10:07.80 ID:???.net

>>985
何が？

>>960-982
わかりやすいですな

988 ：Name_Not_Found：2017/07/17(月) 00:11:27.58 ID:???.net

安定したCDNどこよ？
Googleはダメなんだろ

989 ：Name_Not_Found：2017/07/17(月) 00:13:36.10 ID:???.net

>>983
Googleの検索のHTML見てるでしょ？ｗ

検索エンジンに最適化したページと
そうでないページは作り方が違うってことだよ。

Google検索の結果を、検索エンジンに登録する訳じゃないで
そういうのを、正しいHTMLとして作る必要はない。

同じGoogleであってもこういう検索に引っかかりやすいように
するべきページはまともだよ。
https://www.google.com/intl/ja/policies/privacy/


そこらへん実は区別した方がいい所で検索に引っかかりやすくしなくて良いものであれば
JavaScriptのフレームワーク使って、動的にページを生成したって良い。

でもさ、ここ。HTML/CSSのスレでしょ？殆どの人はプログラムではなくて
企業のホームページ作るみたいなもんだと思うよ。そういうのは正しいHTMLで書いて
検索に引っかかりやすくする作り方をした方がいい。

目的に応じて作り方が違うんだよ。

990 ：Name_Not_Found：2017/07/17(月) 00:14:13.65 ID:???.net

>>988

ここみればいいよ
https://www.cdnperf.com/

991 ：Name_Not_Found：2017/07/17(月) 00:16:43.36 ID:???.net

>>988
今はマルチもあるからな特定のCDNを選択する必要性も薄れてきている

992 ：Name_Not_Found：2017/07/17(月) 00:18:14.64 ID:???.net

っていうかCDNは特定のだけじゃなくていろいろ使って良いんやで？

993 ：Name_Not_Found：2017/07/17(月) 00:18:51.47 ID:???.net

>>975
HTMLにscript要素を書く以外での同期読み込みが
事実上制限されちゃったじゃん？

994 ：Name_Not_Found：2017/07/17(月) 00:19:09.00 ID:???.net

マルチって何だよ？

995 ：Name_Not_Found：2017/07/17(月) 00:24:43.61 ID:???.net

接続の方法のことだろ

996 ：Name_Not_Found：2017/07/17(月) 00:55:31.44 ID:???.net

>>993
だからなんだ？って言いたいんだが。

俺は同期読み込みなんて昔から使ってない
意図せず使われていたかもしれないが、
そんなのに依存して書いてない。

今まではこう書いていたものが書けなくなったと
言うものがあるのなら、それを教えてくれよ

997 ：Name_Not_Found：2017/07/17(月) 01:07:09.27 ID:???.net

もしかして同期読み込みと、同期実行をごっちゃにしてるのか？

scriptタグのasync属性。これは非同期"実行"の方だ。
これをつけない限り、スクリプトが同期実行されるのは保証されている
そこは何も変わらん。これからも変わらん。
でないとライブラリを読み込んだ後で実行するという処理が壊れる

998 ：Name_Not_Found：2017/07/17(月) 01:12:38.59 ID:???.net

次スレはテンプレにCDNの話題禁止って書いて欲しい。いい加減にしてくれ。

999 ：Name_Not_Found：2017/07/17(月) 01:14:45.37 ID:???.net

HTML/CSSの話にCDNは関係してるだろ
禁止するのはCDNの真面目な話に
どうでもいいことで終わった話である揚げ足取りを
繰り返す基地外がレスすることだろ

1000 ：Name_Not_Found：2017/07/17(月) 01:16:35.76 ID:???.net

次スレ

HTML/CSS の質問に優しく答えるスレ 28
http://mevius.2ch.net/test/read.cgi/hp/1500221766/

1001 ：Name_Not_Found：2017/07/17(月) 01:16:50.77 ID:???.net

はい、乙

1002 ：Name_Not_Found：2017/07/17(月) 01:17:05.11 ID:???.net

しゅうりょう

1003 ：2ch.net投稿限界：Over 1000 Thread

2ch.netからのレス数が1000に到達しました。