http要請を減らすにはどうすればいいですか?

3782 ワード

先端性能最適化

imgのusemap;

<img usemap="#map1" border=0 src="">
    <map name="map1">
        <area shape="rect" coords="0,0,31,31" href="javascript:alert('Home')" title="Home">
        <area shape="rect" coords="36,0,66,31" href="javascript:alert('Gifts')" title="Gifts">
        <area shape="rect" coords="71,0,101,31" href="javascript:alert('Cart')" title="Cart">
        <area shape="rect" coords="106,0,136,31" href="javascript:alert('Settings')" title="Settings">
        <area shape="rect" coords="141,0,171,31" href="javascript:alert('Help')" title="Help">
map>

スプライト

base 64を使用して、ページ背景のように、いくつかのpx*何pxだけを符号化して、それを並べて使う

canvasで画像を圧縮するか、住所

固定リソースをCDNに載せることで、マスタ局のクッキーを携帯する必要がなく、ドメイン名と並行してリソースをロードする量が限られている.
しかし、リソースを異なるホスト名の下に分布させることは、並列ローディング数を向上させることができるが、Yslowの評価は、DNS要求を参照することが重要であるため、減少する.もし1つのウェブページ、例えばタオバオは大量の画像を必要とするので、並行してロードすることが重要であり、ほとんどがリピーターであるため、キャッシュされているので、Yslowは小型のウェブページについてDNSを通じて判断するのが合理的であり、結局、ユーザーは初めて経験することが重要であり、異なるホスト名のDNS要求にリソースを分散すると時間がかかるかもしれない.リソースをホスト名に置くのは、Yslow評価を上げるために、非同期ローディングによって性能を向上させることができます.

keepliveを接続させることで、接続の確立にかかる時間を減らすことができます.

シナリオ不要のコンテンツ型ページには静的リソースが統合されますが、アプリケーション型ページにはスクリプトを個別にロードする必要があります.

多重率の低いcssとjsファイルをそのままページに書く

キャッシュを合理的に設定し、変更しにくい静的ファイルに対して、そのexpires時間を大きく設定し、リソースのMD 5値をそのパスのサフィックス

gzip圧縮資源

お客様大挑戦2019の「サービス検知システム」

copy関数を使ってデータベースの移動を完了します.