5

私は自分のウェブサイトを作成しましたが、それほど複雑ではありません。しかし、背景を単純な色から画像に変更すると、サイト、すべてのアニメーション、およびすべての処理が非常に遅くなります。

動作するCSSコード：

body{    
    color:#eee; 
        background-color: grey;      

}

ウェブサイトを遅くするCSS：

body{

    color:#eee;
    background-image:url("images/bodyImage3.jpg");
        background-size: 1400px;

}
4

3 に答える 3

8

はい、そうなります。background-positionを試してください：修正済み、役立つかもしれません。

于 2012-12-23T03:05:36.730 に答える
6

はい、1400pxの画像はサイトの速度を低下させる可能性があります。

于 2012-12-23T03:03:19.813 に答える
3

また、expires-headersについても言及する価値があります。これにより、クライアントのブラウザは背景画像をキャッシュできるため、サイトにアクセスするたびに背景画像をダウンロードする必要がなくなります。これにより、最初はパフォーマンスが向上しませんが、その後の訪問で、ユーザーは大幅な向上に気付くはずです。このサイトには、サイトを高速化するために行うことができる改善点のリストがあります。これには、有効期限に関する情報が含まれています。

http://developer.yahoo.com/performance/rules.html

于 2012-12-23T03:39:14.660 に答える