jquery - デスクトップで重い Jquery スライドショーが遅くなり、iPad 2、Android ICS、および iPhone でクラッシュする

Question

ポートフォリオサイトを構築中です（こちらをご覧ください...）

http://www.tripleagent.co.uk/projects.html

そして、jquery.cycle.all.jsでJqueryを使用しています。何年も前の私の作品に約 200 枚のスライドを追加し、fitvid.js を使用していくつかの vimeo ビデオを追加しました (レスポンシブ デザインに収まるようにビデオのサイズを変更します)。私の問題は、ワークステーション コンピューター (i7 アイビー ブリッジとクロム) でページが遅く、iPad、Android、iPhone でクラッシュすることです。私は jscript と html5 を初めて使用するので、何が問題なのかわかりません。

私の限られた経験では、メモリが不足しているか、低速のマシンではフェード アニメーションを同時に処理できないと考えています。スライドショーには一般的なセットアップを使用します

$("#slideshow").cycle({
    fx:'fade,',
    speed: 1000,
    slideExpr:'.slide',
    slideResize: 0,
    timeout:        7000,
    pause: 1,
    //sync: true,
    autostop: false,
    pager: '#nav',
    next: '#slideshow',
    pagerEvent: 'mouseover',
    fastOnEvent: true ,         
    pagerAnchorBuilder: function(idx, slide) 
    {return '<li><a href="#"><img src="'+slide.src + '"/></a></li>';
    },   
    after:   captionsAlt ,
    });  

私は何をすべきか ？ページを 2 つに分割でき、おそらくうまくいくでしょうが、代わりにページを最適化する方法が必要だと考えていました。助言がありますか？そもそも間違い、バグ、または悪い設計アイデアはありますか?