私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.137 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
jquery-3.3.1.js
非圧縮開発版で10364行だった
266KB
min.jsは2行で85KB
非圧縮開発版で10364行だった
266KB
min.jsは2行で85KB
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が最もコストのかかる部分になっているのです。
http://medium.com/@addyosmani/the-cost-of-javascript-in-2018-7d8950fbb5d4
javascriptのサイズと画像のサイズは同じ基準では比べられません。
javascriptコードではダウンロードの時間のほかに、ブラウザによるパース（gzip、brotli等圧縮されたものであれば展開した後）、コンパイル、実行の時間を考慮する必要があります。 
そういうわけで、CSS、Javascript、IMAGE、FONTの中でも、Javascriptが最もコストのかかる部分になっているのです。 
javascript同士の比較の話してんのにcssや画像との比較を持ち出す池沼
<div id="rubykichigai">～～</div>
の中のHTMLを取り出す処理を書いてみよう！
jQuery：
html増分:
書き込み制限に引っ掛かるので省略するがintegrity付きの公式scriptタグで155bytes。
javascript増分:
console.log($('#rubykichigai').html())
上述html155bytes + javascript38bytesに加え、jQuery分約85,000bytesです。
全然短くありませんねｗ
ピュアjavascript：
html増分:
なし。
javascript増分:
console.log(document.querySelector`#rubykichigai`.innerHTML)
計60bytes
の中のHTMLを取り出す処理を書いてみよう！
jQuery：
html増分:
書き込み制限に引っ掛かるので省略するがintegrity付きの公式scriptタグで155bytes。
javascript増分:
console.log($('#rubykichigai').html())
上述html155bytes + javascript38bytesに加え、jQuery分約85,000bytesです。
全然短くありませんねｗ
ピュアjavascript：
html増分:
なし。
javascript増分:
console.log(document.querySelector`#rubykichigai`.innerHTML)
計60bytes
>>304
jQueryのコードは計算に入れなくていいでしょ？
読まないんだしさ。
console.log($('#rubykichigai').html())
console.log(document.querySelector`#rubykichigai`.innerHTML)
圧倒的にjQueryの方が短い。
jQueryのコードは計算に入れなくていいでしょ？
読まないんだしさ。
console.log($('#rubykichigai').html())
console.log(document.querySelector`#rubykichigai`.innerHTML)
圧倒的にjQueryの方が短い。
console.log(document.querySelector`#rubykichigai`.innerHTML)
この変な書き方を使えば、↓こうなるのか
console.log($`#rubykichigai`.html())
この変な書き方を使えば、↓こうなるのか
console.log($`#rubykichigai`.html())
どこかのサイトを使って素jsとjQueryで
・読み込み速度
・実行速度
・使用メモリ
の比較をしてくれ
・読み込み速度
・実行速度
・使用メモリ
の比較をしてくれ
お前らどんだけヒマなんだよｗ
CDN、1.12なら間違いなくキャッシュされているからそもそも比較なんて出来ないぞ
CDN、1.12なら間違いなくキャッシュされているからそもそも比較なんて出来ないぞ
>>309
比較対象にコードの量や複雑さが含まれてない
そんな比較に意味があるのか？
どんな言語のどんなライブラリだって
コードをインライン展開するよりも
関数にするほうが遅くなるが、
それ以上のメリットがあるから使うだろ
比較対象にコードの量や複雑さが含まれてない
そんな比較に意味があるのか？
どんな言語のどんなライブラリだって
コードをインライン展開するよりも
関数にするほうが遅くなるが、
それ以上のメリットがあるから使うだろ
キャッシュされててもパース、コンパイル、実行時間はかかります。
必死に宣伝してるのはjQuery厨。
さもノーコストでいいことずくめみたいなウソつくのはやめろ。
どうやったってjQuery約85,000bytes分パース、コンパイル、実行時間が余計にかかる。
キャッシュのヒット率だって怪しいものだ。
マイナーバージョンひとつ違うだけで別物。
公式cdn、jsdeliver、google、cloudflare等々利用するcdnが違っても別物。
キャッシュはヒットしない。
バージョン違いオリジン違いの大量の糞ファイルで勝手にキャッシュ埋めやがって！
ユーザーのブラウザはお前らの物置じゃねーんだよ！
必死に宣伝してるのはjQuery厨。
さもノーコストでいいことずくめみたいなウソつくのはやめろ。
どうやったってjQuery約85,000bytes分パース、コンパイル、実行時間が余計にかかる。
キャッシュのヒット率だって怪しいものだ。
マイナーバージョンひとつ違うだけで別物。
公式cdn、jsdeliver、google、cloudflare等々利用するcdnが違っても別物。
キャッシュはヒットしない。
バージョン違いオリジン違いの大量の糞ファイルで勝手にキャッシュ埋めやがって！
ユーザーのブラウザはお前らの物置じゃねーんだよ！
いや、今のV8はもうパースデータのキャッシュに対応していて有効になってる
現在はまだChrome Stableでデフォルト有効になっていないがコンパイルデータのキャッシュにも対応している
そしてそれらの問題はLayered APIで解決されるめどが付いている
今更議論をすること自体が無駄
現在はまだChrome Stableでデフォルト有効になっていないがコンパイルデータのキャッシュにも対応している
そしてそれらの問題はLayered APIで解決されるめどが付いている
今更議論をすること自体が無駄
>>314
ダイヤルアップ接続で20世紀のOSとブラウザでも使ってんのかｗ
ダイヤルアップ接続で20世紀のOSとブラウザでも使ってんのかｗ
やっぱ今までは無理だったんだね。
それを隠してjQueryを宣伝してきたわけだ。
サイテー
それを隠してjQueryを宣伝してきたわけだ。
サイテー
マジでノーコストだと思ってたのか？
僅かなコストで大きなメリットがあるから使うんだよ
僅かなコストで大きなメリットがあるから使うんだよ
ん？じゃあjQueryのメリットって何よ？
jQueryを使わなくても同じことができるだろ＝メリットはない
jQueryを使わなくても同じことができるだろ＝メリットはない
>>323
はいはい。わかったからメリットはよｗ
はいはい。わかったからメリットはよｗ
>>323
これｗｗｗ
これｗｗｗ
>>323
お前馬鹿だろｗｗｗ
お前馬鹿だろｗｗｗ
>>323
実際に見向きもされないのはjQuery使えないやつなんだけどなｗｗｗ
実際に見向きもされないのはjQuery使えないやつなんだけどなｗｗｗ
jQueryは誰でも知ってて誰もが使ってるから
既存のコードが読めるというメリットが有る
既存のコードが読めるというメリットが有る
つまり誰もが知ってて誰もが使ってる状態をキープしないとメリットが消滅してしまう。
jQueryおじさんはそれを恐れている。
だからこそ必死なのだ。
jQueryおじさんはそれを恐れている。
だからこそ必死なのだ。
まぁ教えてもらいやすいのはメリットかもしれない
でもベタjsをもっと教えてくれ
でもベタjsをもっと教えてくれ
どうせまた言われるだろうから、先に書いておく。
誰もが使ってるということを示す客観的なデータ
数値は1年毎の1/1時点のシェア＋今日のシェア
Market share yearly trends for JavaScript libraries for websites
http://w3techs.com/technologies/history_overview/javascript_library/ms/y
74.0% 84.1% 90.2% 92.9% 94.5% 95.8% 96.4% 96.2% 97.3% 97.3%
Historical yearly trends in the usage of JavaScript libraries for websites
http://w3techs.com/technologies/history_overview/javascript_library/all/y
28.3% 42.8% 54.5% 57.4% 61.5% 68.3% 71.9% 73.1% 73.6% 73.7%
誰もが使ってるということを示す客観的なデータ
数値は1年毎の1/1時点のシェア＋今日のシェア
Market share yearly trends for JavaScript libraries for websites
http://w3techs.com/technologies/history_overview/javascript_library/ms/y
74.0% 84.1% 90.2% 92.9% 94.5% 95.8% 96.4% 96.2% 97.3% 97.3%
Historical yearly trends in the usage of JavaScript libraries for websites
http://w3techs.com/technologies/history_overview/javascript_library/all/y
28.3% 42.8% 54.5% 57.4% 61.5% 68.3% 71.9% 73.1% 73.6% 73.7%
>>331
なんでたかだかライブラリのひとつをまるで標準技術かのように騙して布教してるのか不思議だったがこういうことだったのね。
なんでたかだかライブラリのひとつをまるで標準技術かのように騙して布教してるのか不思議だったがこういうことだったのね。
はい締切
jQueryはメリットがない、コストだけがあうｒ
はい次
jQueryはメリットがない、コストだけがあうｒ
はい次
「シェアが高いことがメリット」
これはネットワーク効果とかネットワーク外部性とか言われる立派な競争優位なのだ！
騙してでもシェアをキープする、これがjQueryがこの先生きのこるための道である！
これはネットワーク効果とかネットワーク外部性とか言われる立派な競争優位なのだ！
騙してでもシェアをキープする、これがjQueryがこの先生きのこるための道である！
> 「シェアが高いことがメリット」
それも単なる結論
メリットがあってその結果シェアが高くなった
それも単なる結論
メリットがあってその結果シェアが高くなった
「シェアが高いことがメリット」だと思ってる人は、逆に
「シェアが低いことがデメリット」だと思ってるんだろうか？
Reactとか0.2%ってデメリットが有るよな？
「シェアが低いことがデメリット」だと思ってるんだろうか？
Reactとか0.2%ってデメリットが有るよな？
はい時間オーバー、締切
jQueryはメリットがない、コストだけがある
はい次
jQueryはメリットがない、コストだけがある
はい次
なぜ必死にメリットが無いことにして話をすぐに終わらせようとするのか？
メリットが書き込まれたら都合が悪いことでもあるのだろうか？
メリットが書き込まれたら都合が悪いことでもあるのだろうか？
>>315
えっじゃあほぼノーコストなのか
えっじゃあほぼノーコストなのか
どんな綺麗事、御題目を並べたところで所詮$は巨大なjsコード、document. querySelectorはネイティブコード
>>345
生のjsが好きなんだろう
生のjsが好きなんだろう
>>345
ないよ。はよメリット書いて。RGかよ
ないよ。はよメリット書いて。RGかよ
どんな綺麗事、御題目を並べたところで所詮$は巨大なjsコード、document. querySelectorはネイティブコード
jQueryを使わずネイティブコードで書けば、巨大な自作jsコードが出来上がるだけ
jQueryを使わずネイティブコードで書けば、巨大な自作jsコードが出来上がるだけ
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + 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
トップメニューへ / →のくす牧場書庫について