私の質問:これらの不要な kbs を削り、ページの読み込みを高速化するための最善の方法は何ですか?
この質問をした理由:jquery.js と jquery.min.js の使用法に関するこの記事を読みました。多くの人が意味を知らずに使用していると思いました。私の分野では、すべての kb を保存することが非常に重要になります。私は最近、単純な javascript の代わりに jquery.min を使い始めました。しかし、これもまた、全体的な kbs サイズを増加させます。ビッグ ダディ グーグルは、ページ ランクの哲学でこの側面を追跡しています。 .Google で検索しましたが、確固たる回答が得られるリンクはありませんでした。
js ライブラリの縮小版を使用する以外に、携帯電話やタブレット、PC ブラウザで Web ページを軽量化するにはどうすればよいのだろうと考えていました。ある時点で、すべての JavaScript コーダーはこの質問について考えているに違いありません。
並列ダウンロードとより頻繁にキャッシュを利用するには、CDN を Google として使用します。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
懸念事項がファイルのサイズだけである場合は、現在使用していないものを削除して独自の jquery バージョンを構築してください: { このファイルを外部サーバーに置いて並列ダウンロードすることもできます }
jQuery Builder (例) (ajax と css モジュールのみを使用して 28.35 Kb 縮小)
トピック外
ここで、アニメーションのパフォーマンスに関して、その目的で jquery を使用している場合は、パフォーマンスを 20 倍に向上できる GSAP jquery プラグインを検討する必要があります: jQuery GSAP
ライブラリ間の比較については、速度テスト ページを参照してください: http://www.greensock.com/js/speed.html
I guess you're looking at reducing the page load for a first-time visit or uncached request, meaning the client has to download all resources.
Most users already have jQuery cached due to the widespread usage of third-party CDN-hosted jQuery libraries, which means that you can benefit from that as well by using the same resource. The most popular by far is Google Hosted Libraries, and another one is jQuery's own CDN.
Using third-party CDN-hosted jQuery is as simple as adding a script tag:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
Notice: Wondering about the omitted protocol/scheme in the url? See Protocol-relative urls by Paul irish.
The only downside of using a third-party CDN is that any disruption of the service will also affect your site/ad. However, it's much more likely that your hosting service is disrupted then any of the above mentioned CDN:s.
If you for some reason don't want or can't use a third-party CDN-hosting you can also customize your jQuery build to only contain the parts you use/need for your project. To simplify the build process, there's this great tool called jQuery Builder that you can use.
jQuery is a pretty heavy library, and some consider it badly suited for mobile devices. There's alternatives out there that aim to be smaller and more light-weight, such as Zepto.js, Snack.js and $dom.
It's important to note that not all features and browser support will be present in the alternative libraries, so you need to make sure you get what you need.
You should always make sure all of the source code is minified and compressed (i.e. gzipped) when served from a production environment. You should also strive to have as few requests as possible, so concatenating multiple files into one is a great way to both lower the amount of requests and better benefit from caching. This can be done for JavaScript as well as CSS files.