元スレ+ JavaScript の質問用スレッド vol.137 +
JavaScript覧 / PC版 /みんなの評価 :
302 = :
The Cost Of JavaScript In 2018
http://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
javascriptのサイズと画像のサイズは同じ基準では比べられません。
javascriptコードではダウンロードの時間のほかに、ブラウザによるパース(gzip、brotli等圧縮されたものであれば展開した後)、コンパイル、実行の時間を考慮する必要があります。
そういうわけで、CSS、Javascript、IMAGE、FONTの中でも、Javascriptが最もコストのかかる部分になっているのです。
303 = :
javascript同士の比較の話してんのにcssや画像との比較を持ち出す池沼
304 = :
<div id="rubykichigai">~~</div>
の中のHTMLを取り出す処理を書いてみよう!
jQuery:
html増分:
書き込み制限に引っ掛かるので省略するがintegrity付きの公式scriptタグで155bytes。
javascript増分:
console.log($('#rubykichigai').html())
上述html155bytes + javascript38bytesに加え、jQuery分約85,000bytesです。
全然短くありませんねw
ピュアjavascript:
html増分:
なし。
javascript増分:
console.log(document.querySelector`#rubykichigai`.innerHTML)
計60bytes
305 = :
>>302
画像だって圧縮を展開して表示されるんだから
対して変わらんと思うけど?
307 = :
>>304
jQueryのコードは計算に入れなくていいでしょ?
読まないんだしさ。
console.log($('#rubykichigai').html())
console.log(document.querySelector`#rubykichigai`.innerHTML)
圧倒的にjQueryの方が短い。
308 = :
console.log(document.querySelector`#rubykichigai`.innerHTML)
この変な書き方を使えば、↓こうなるのか
console.log($`#rubykichigai`.html())
309 = :
どこかのサイトを使って素jsとjQueryで
・読み込み速度
・実行速度
・使用メモリ
の比較をしてくれ
310 = :
お前らどんだけヒマなんだよw
CDN、1.12なら間違いなくキャッシュされているからそもそも比較なんて出来ないぞ
311 = :
少なくともそこがボトルネックになることってそんなにない気がする
312 = :
>>309
比較対象にコードの量や複雑さが含まれてない
そんな比較に意味があるのか?
どんな言語のどんなライブラリだって
コードをインライン展開するよりも
関数にするほうが遅くなるが、
それ以上のメリットがあるから使うだろ
313 = :
>>310
キャッシュされてるならロード時間は考慮しなくていい
>>312
jQueryを使って何かDOM操作をしたとしても人間が重いと感じることはない
・メモリ消費なんてたかがほんのちょっと
ゲームやるわけじゃないんだからjQueryごとき微々たるもの
なんでjQuery不要論者は必死に危機感煽ってるんだよ?
314 = :
キャッシュされててもパース、コンパイル、実行時間はかかります。
必死に宣伝してるのはjQuery厨。
さもノーコストでいいことずくめみたいなウソつくのはやめろ。
どうやったってjQuery約85,000bytes分パース、コンパイル、実行時間が余計にかかる。
キャッシュのヒット率だって怪しいものだ。
マイナーバージョンひとつ違うだけで別物。
公式cdn、jsdeliver、google、cloudflare等々利用するcdnが違っても別物。
キャッシュはヒットしない。
バージョン違いオリジン違いの大量の糞ファイルで勝手にキャッシュ埋めやがって!
ユーザーのブラウザはお前らの物置じゃねーんだよ!
315 = :
いや、今のV8はもうパースデータのキャッシュに対応していて有効になってる
現在はまだChrome Stableでデフォルト有効になっていないがコンパイルデータのキャッシュにも対応している
そしてそれらの問題はLayered APIで解決されるめどが付いている
今更議論をすること自体が無駄
316 = :
>>314
だれもノーコストだっていってないし、
むしろコストは絶対あるって言ってるんだが?
なんでコストがあれば駄目みたいに思ってるんだ?
317 = :
>>314
ダイヤルアップ接続で20世紀のOSとブラウザでも使ってんのかw
318 = :
やっぱ今までは無理だったんだね。
それを隠してjQueryを宣伝してきたわけだ。
サイテー
319 = :
マジでノーコストだと思ってたのか?
僅かなコストで大きなメリットがあるから使うんだよ
321 = :
ん?じゃあjQueryのメリットって何よ?
jQueryを使わなくても同じことができるだろ=メリットはない
322 = :
マジで同じことができればメリットはないって思ってるのか?
323 = :
>>321
jQueryに費やしてきた俺の学習コストが報われる。
せっかく自由自在に使えるようになったところなのに、若いやつらに見向きもされず老害扱いされるなんて許されるべきではない。
324 = :
その理論が成立するなら機械語書くのが最適解になってしまう
325 = :
>>323
はいはい。わかったからメリットはよw
326 = :
>>323
これwww
327 = :
>>323
お前馬鹿だろwww
328 = :
>>323
実際に見向きもされないのはjQuery使えないやつなんだけどなwww
329 = :
>>328
それな
でjQueryのメリットは?
330 = :
jQueryは誰でも知ってて誰もが使ってるから
既存のコードが読めるというメリットが有る
331 = :
つまり誰もが知ってて誰もが使ってる状態をキープしないとメリットが消滅してしまう。
jQueryおじさんはそれを恐れている。
だからこそ必死なのだ。
332 = :
まぁ教えてもらいやすいのはメリットかもしれない
でもベタjsをもっと教えてくれ
334 = :
>>331
誰もが知ってて誰もが使ってるは単なる事実で
メリットじゃないぞ?
メリットがあるから、その結果として誰もが知ってて誰もが使ってる状態になるんだ
335 = :
>>331
なんでたかだかライブラリのひとつをまるで標準技術かのように騙して布教してるのか不思議だったがこういうことだったのね。
336 = :
でそのメリットとは
337 = :
>>335
あんたがjQueryが標準技術かのように思ってしまった。
それが現実だよ。
338 = :
はい締切
jQueryはメリットがない、コストだけがあうr
はい次
339 = :
「シェアが高いことがメリット」
これはネットワーク効果とかネットワーク外部性とか言われる立派な競争優位なのだ!
騙してでもシェアをキープする、これがjQueryがこの先生きのこるための道である!
340 = :
> 「シェアが高いことがメリット」
それも単なる結論
メリットがあってその結果シェアが高くなった
342 = :
で、そのメリットとは…?
343 = :
じゃあそのメリットはなんだよ?
344 = :
はい時間オーバー、締切
jQueryはメリットがない、コストだけがある
はい次
345 = :
なぜ必死にメリットが無いことにして話をすぐに終わらせようとするのか?
メリットが書き込まれたら都合が悪いことでもあるのだろうか?
346 = :
>>315
えっじゃあほぼノーコストなのか
348 = :
>>345
生のjsが好きなんだろう
349 = :
>>345
ないよ。はよメリット書いて。RGかよ
350 = :
どんな綺麗事、御題目を並べたところで所詮$は巨大なjsコード、document. querySelectorはネイティブコード
jQueryを使わずネイティブコードで書けば、巨大な自作jsコードが出来上がるだけ
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.131 + (1000) - [97%] - 2017/1/25 8:01
- + JavaScript の質問用スレッド vol.135 + (1002) - [97%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.130 + (974) - [97%] - 2016/10/26 14:18
- + JavaScript の質問用スレッド vol.130 + (1001) - [97%] - 2017/11/25 20:45
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.131 + (1004) - [97%] - 2018/3/7 13:30
- + JavaScript の質問用スレッド vol.132 + (1001) - [97%] - 2018/4/19 11:00
- + JavaScript の質問用スレッド vol.107 + (1001) - [97%] - 2013/9/7 10:16
- + JavaScript の質問用スレッド vol.133 + (1001) - [97%] - 2018/6/8 10:45
- + JavaScript の質問用スレッド vol.134 + (1001) - [97%] - 2018/8/3 23:15
- + JavaScript の質問用スレッド vol.136 + (1001) - [97%] - 2019/1/8 11:30
- + JavaScript の質問用スレッド vol.138 + (1004) - [97%] - 2019/4/20 23:45
- + JavaScript の質問用スレッド vol.139 + (1001) - [97%] - 2019/5/27 15:15
- + JavaScript の質問用スレッド vol.127 + (1001) - [97%] - 2016/2/4 0:15
- + JavaScript の質問用スレッド vol.127 + (160) - [97%] - 2021/7/16 9:30
- + JavaScript の質問用スレッド vol.113 + (1001) - [95%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.118 + (1002) - [95%] - 2014/8/29 22:30
トップメニューへ / →のくす牧場書庫について