web-dev-qa-db-ja.com

prettyPhotoメディアのChromeへの読み込みが非常に遅い

ChromeのprettyPhotoメディアのWordPressプラグイン(ライトボックスタイプ)スクリプトに問題があります。他のブラウザでは美しく動作しますが、Chromeにロードするのには時間がかかります。

このスクリプトを使用するとき、ライトボックス効果の下に親指を表示することが想定されていますが、それは私が「IE 6フォールバック」サポートを選択した場合にのみ機能します。理由がわからない?

オーバーレイからサムネイルを削除すると、すべてがうまくスピードアップしますが、サムネイル効果が必要です。

何がそれを超低速でロードさせているのかについてのアイデアはありますか?これが私のサイトへのリンクです。 http://ecbiz129.inmotionhosting.com/~sar8475/sign-types/ をクリックして効果を見てください。

どうもありがとう、-Caleb

1
Caleb

私は同じ問題を抱えていました。もうこれ以上必要としないかもしれませんが、万が一他の誰かがこの問題を抱えている場合のために、それはここにあります:

ChromeとprettyPhotoに関する問題の最初のヒントは、ギャラリーの画像の解像度が非常に高い場合とサムネイルが表示されている場合にのみ発生することです。起こっているように思われるのは、Chromeが画像を元のサイズから画面上のずっと小さいサイズにリサイズしている間に詰まり始めるということです。

Chromeが使用する画像レンダリングのデフォルトのアルゴリズムは、おそらく他のブラウザとは異なり、大きな画像の場合はかなり遅くなるようです。

それが原因のためでした、今可能な解決策のために:

  1. 明らかに、手動またはサービスを使って画像のサイズを変更する
  2. CSSを使用して、デフォルトの画像レンダリングアルゴリズムを変更します。例:
img{
    image-rendering: -webkit-optimize-contrast;.
}

これはデフォルト設定よりずっと速いように思われます、そしてそれは私にとってトリックをしました。他のオプションを試してみることもできます。もちろん、これをサムネイルにのみ適用し、他の画像には影響を与えないようにセレクタを制限することができます。

2
Goran Jovic