7

サイトの再設計を開始しようとしており、パフォーマンスを改善するためのあらゆるオプションを検討しています。このサイトは、javascript をロードした広告がかなり重いため、使用する JavaScript を非常に無駄なく使用する必要があります。

より軽量なフレームワークや、私が検討できるより効率的なフレームワークの経験がある人はいますか? または、私に紹介できるリソースはありますか? YUI は面白いコンセプトのように見えます… ローダーは怒ってテストされていますか? 何かいい？

任意の考えをいただければ幸いです。

乾杯。

編集：申し訳ありませんが、明確ではありませんでした。現在、サイトのパフォーマンスはかなり良好です。パフォーマンスの問題による再設計は行っていません。これはブランド変更によるものです。この機会に、ベスト プラクティスを確認したかっただけです。

4

8 に答える 8

11

jQuery 1.4.2 は無駄がなく平均的です。より高速で軽量なものを見つけるのは難しいでしょう。

例として、 mootoolsの slickspeedというフレームワーク テストを次に示します。DOM 内の要素を見つけるフレームワークの能力をテストします。テスト中の jQuery のバージョンは 1.2.6 です。ブラウザによっては、jQuery のパフォーマンスが非常に優れています。私の Chrome ブラウザーでは、jQuery が合計 20 ミリ秒で他のすべてを打ち負かしました。

バージョン 1.2 以降、特に 1.4 では、jQuery の最適化と速度が驚くほど改善されました。

とはいえ、フレームワークによってコーディングが改善されるわけではありません。jQuery を含む任意のフレームワークを使用して、非常に遅いスクリプトを作成できます。

ただし、最適化されたコードを作成すると、jQuery は気付かないほど高速になる可能性があります。

上記のPointyのコメントは的を射ています。彼らが一日中していることは、どうすればより良いパフォーマンスを発揮できるかを心配することだけです。したがって、かなり最適化されています。

補遺

これはjQueryのブログからのものです：

Taskspeed のような包括的なベンチマークは、さらなる研究のために個々のサブテストに分解すると興味深いものになる可能性がありますが、プロジェクトとして、真の全体的なライブラリ パフォーマンスの正確な尺度としてそれらを使用することは避ける傾向があります。ライブラリを構成する要素の数を考慮すると、それらが提供するさまざまな手法は言うまでもなく、累積的な結果が実際のユーザーがライブラリをどのように使用するかを反映することはほとんどありません。

だからあなたが望むようにそれを取ってください。

于 2010-09-29T16:09:26.007 に答える
7

私は、大規模なアプリや、「ロード オン デマンド」がメリットを提供できる場所ならどこでも YUI3 を好みます :)

スローダウンは主にアプリの実装方法に起因することに同意します。これは、YUI の利点の 1 つであり、よりモジュール化された実装に自然に適しています。

yui ローダーを使用してページ要素のウィジェット スタイルを取り込むと、コードの再利用 (およびキャッシュ) が適切に行われるだけでなく、ユーザーが「何か」をより迅速に確認できるようになります。

JS 広告の問題を実際に解決することはできませんが、そのためにできる最善のことは、できるだけページの下部近くにロードすることです。おそらく、広告サーバーのロード オプションを確認してください。

Re: スティーブンのコメントまあ、タイトなループの生の速度は、意味のある場合もあれば、そうでない場合もあります。比較に使用される実装の問題もあります。Ejohns バージョンに投稿された YUI3 コードは、jQuery コードと比較して積極的に gimp されているように見えます。最初のものを見てください。jQuery は文字列からほぼ完全な DOM 要素を追加しますが、YUI3 はあらゆる種類のフープを相対的に通過します。

YUI3 を知っている人によって書かれたバージョンについては、 http: //yuilibrary.com/~msweeney/yui-tests/taskspeed/をご覧ください私のChromeのjquery 1.3.2よりも全体的に。

アップデート

http://www.yuiblog.com/blog/2010/10/27/jquery-and-yui-3-a-tale-of-two-javascript-libraries/ yui3 の jquery ユーザー エクスペリエンス。

于 2010-09-29T16:41:45.777 に答える
1

zepto.js を見たほうがいいと思います

http://zeptojs.com/

この記事では、jquery コードを移植するためのアドバイスを提供します。

http://blog.pamelafox.org/2012/03/porting-jquery-plugins-to-zepto-tips.html

于 2012-08-27T06:20:56.483 に答える
1

おそらく、どのフレームワークが役立つかではなく、現在のサイトのパフォーマンスが悪い理由を尋ねることから始めるのが最善の方法です。Yahoo の YSlow や Dynatrace ajax エディションなどのツールから始めます。Dynatrace は、ページを遅くする javascript/dom manip 要素を指摘してくれるので便利です。ただし、2 つ以上のパフォーマンス ツールを使用することをお勧めします。これらのツールはすべて、ページを高速化するための独自のアイデアを持っているからです。あなたがそれを理解したら、私はフォーラムに来て、あなたが X でパフォーマンスの問題を抱えていることと、それを修正するために何ができるかを述べます.

于 2010-09-29T16:45:09.990 に答える
1

Vapor.js は、世界最小かつ最速の JavaScript ライブラリです。

http://vaporjs.com/

于 2010-09-29T19:10:50.840 に答える
0

jQuery は、適切にコーディングされていれば十分に軽量です。あなたが使用しているフレームワークが問題ではないように思えますが、a) あなたの書いた JavaScript の実行が遅い理由、または b) そもそも読み込みの遅い広告をたくさん使用している理由のいずれかです。

しかし、本当に他のフレームワークを調べたい場合は、次の便利な比較表をご覧ください: JavaScript フレームワークの比較

于 2010-09-29T16:08:53.447 に答える
0

jquery と jquery UI (http://jqueryui.com/) を使用して、c# と組み合わせて社内用のアプリを作成しました。非常にスリムで高速であることがわかりました-まったく問題はありません.

jquery ui を使用すると、Web サイトのテーマを簡単に設定できます...

また、blockui、jgrowl などの他のコンポーネントを追加することで、やりたいことが何でもできるはずです!

于 2010-09-29T16:55:15.267 に答える