0

こんにちは、投稿ごとにギャラリーを実装するのに苦労しています。

実際、問題はそれが機能していないことです。問題は、ウェブサイトがトルトルのように遅くなることです。

私はすべてのギャラリーにサイクルを使用しています:

var  
    id = $('#gallery-id-<?php the_ID(); ?>'),
    container = $('#container'),
        leftArrow = $('#leftArrow'),
        rightArrow = $('#rightArrow')

    id.cycle({
        timeout:0,
        fx:'scrollHorz',
        prev: prv,
        next: nxt,
        easing: 'easeOutExpo' 
    });

しかし、10投稿のギャラリーを生成すると、サイトが非常に遅くなります....

そして、投稿で呼び出されるプラグインはサイクルだけではなく、jspScroll、qTipなども使用します。

コンテンツを正確かつ迅速に表示するために、すべての投稿にjqueryを追加することをお勧めしますか?

ありがとう

4

1 に答える 1

0

かなりの量の jQuery 'プラグイン' を使用している場合は、劇的なパフォーマンスの低下に確実に気付くでしょう。UI の負荷が低いページでパフォーマンスを向上させるための迅速かつ簡単な方法は、コードをコンテキスト化することです。たとえば、Wordpress ビルドのホームページで Cycle を実行するだけでよい場合は、「if」ステートメントを使用できます。

if($('body').hasClass('home')) {
  var  
    id = $('#gallery-id-<?php the_ID(); ?>'),
    container = $('#container'),
    leftArrow = $('#leftArrow'),
    rightArrow = $('#rightArrow')

  id.cycle({
    timeout:0,
    fx:'scrollHorz',
    prev: prv,
    next: nxt,
    easing: 'easeOutExpo' 
  });
}// End body.home only

これは、<body>クラスを見て、ページにそのクラスがあるかどうかを確認するだけです。そのクラスがあれば、必要な jQuery 呼び出しを実行します。これがどのようにメンテナンスの問題になりやすいかを理解し始めることができるので、適切にコンテキスト化してください!

ps 残りのコードを見なくても、経験から、jspScroll が「遅い」サイトの原因であることが確認されていると言えます。特に、大きな DOM で実行している場合はそうです。

于 2012-09-11T21:49:50.557 に答える