フロントエンドの最適化-サーバー側-reduce Http times_html/css_WEB-ITnose

コンテンツ画像を除くページ内の画像はすべて変更された画像です。無意味な変更された画像を削除するか、ショービューエフェクトを CSS に置き換えることは、HTTP リクエストの数を減らす効果的な方法です。

1: CSS 置換画像

丸い影のグラデーションなどの CSS 効果は、現在の主要なブラウザで広くサポートされていますが、以前は、これらの効果は丸い角のボタンなどの画像によって実現されていました

つまり、角丸ボタンに必要な HTTP リクエストは 1 つだけですが、div レイヤーの角を丸める必要がある場合は、アーティストが画像の 4 つの角をカットし、同時に結合を完了する必要がありました。不均一を引き起こす互換性の問題を回避します。ここには少なくとも 4 つの HTTP リクエストがあるため、CSS で実現できる効果は最初に CSS で実装されます。

2: 意味のない写真を削除する

情報を伝えるために修正された写真は不可欠です。最大の最適化は、写真を削除することです。最適化する前にやるべきことは、デザイン自体にそれほど多くの写真を使用する必要があるかどうかをデザイナーに確認することです。あるいは、もっと簡潔にすることもできます。私は

导 导 导 导 导

によって継続的に改善されます。これで、各ノードを多くの側面に分割できるようになり、覚えて理解するのに役立ちます。