ホームページのサイズを小さくする方法について誰か提案がありますか http://www.floorsandchores.net
4 に答える
他のすべての答えは正しいですが、追加の微調整を行うことができます。;-)
1.) 配置を行うために使用される無数の改行しないスペースがあります...これの代わりに CSS を使用します。
2.) 1999 年頃の Macromedia プリローダーよりも優れた画像プリロードが必要です。
3.) クライアントにプッシュされないサーバー側のコメントを使用する
4.) コードに大量の空のonclick=""
ハンドラがあります。それらが必要ない場合は、それらを切り取ってください。
font
5.) 空のタグ、強力なタグ、使用されていない div をすべて削除します。
6.) オーバーライドしてインラインにしない限りdisplay:block
、div に追加する必要はありません
7.) ファビコンは BMP ファイルです... IE の場合は ICO (および/または最新のブラウザーの場合は PNG) である必要があります。
8.) 右クリック ブロッカーを削除します。もう意味がありません。すべてのブラウザーは、HTML/JS/CSS 全体を完全に公開し、ブロックできない方法で誰でも見ることができます。
9.) IE4 と Netscape6 をターゲットにしている JavaScript を削除/リファクタリングします - これらのブラウザはどちらも何年も前に死んでしまいました
10.) このメタタグが 2 回宣言されています...<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
11.) リンクでこれを必要としない可能性があります。target="_self"
比較的大きなドキュメントではありませんが、レビュー用のコードを提示した場合、従業員に次のように伝えます。
- Javascriptは昔ながらのものであり(自動生成されているように見えますか?)、JQueryを利用するか、ロールオーバー画像などの場合は純粋なCSSを使用することで、リクエストごとに送信する内容を最小限に抑えることができます。
font-size: 10px;
CSSを使用して、ページ上で17回インラインで実行されるような反復要素を削除できます。font-size = 10pxのフォントにCSSプロパティを設定するだけです(または、HTMLにCSSプロパティを設定し、子セレクターにパーセンテージを設定します)- CSSオプティマイザーを介してページを実行します
- セマンティックマークアップを使用すると、ページがクリーンアップされ、SEOにも役立ちます。
- CSSドキュメントを組み合わせてHTTPリクエストの量を減らします
- W3バリデーターをチェックインします。それ自体はスペースを節約しませんが、現在18のエラーを報告しています
YSlowやGoogle Page Speedなどのツールを使用すると、サイトのパフォーマンスを向上させる最適化の種類がわかります。html、jsファイルなどをgzip:ingしていないことがわかります。gzip をオンにすると、クライアントにダウンロードされるサイズが大幅に縮小されます。
キロバイト単位のサイズを考えていますか?
あなたのページは現在 182K です。それは大したことではありません。
サイトのサイズや読み込み速度を最適化する方法を見つけるには 、Firefox の firebugと yahoo のyslow ( firebugに追加) をお勧めします。ページ サイズ、サイトの最適化方法などがわかります。
YSlow によると、あなたの現在の評価は でC
、それほど悪くはありません。
ページの読み込み速度
サイトの高速化を考えている場合、いくつかの方法があります。
ページを高速化するには、いくつかのことを実行できます。
- 現在、7 つの javascript ファイルと 5 つの css ファイルがあります。css ファイルは 1 つに結合でき、javascript ファイルは (私が思うに) 2 つまたは 3 つに減らすことができます。
</body>
実際には、終了タグの前の右下に JavaScript ファイルを配置する必要があります。- 「expiresヘッダー」を追加できます-
.htaccess
ファイルで(少なくともapacheサーバーで)実行できます-これは新しいユーザーには影響しませんが、頻繁に来るユーザーは違いを感じるでしょう.
GZip 圧縮
Web サイトで gzip 圧縮を有効にすることができます。Apache 用のプラグインがありますが、ホストに互換性があるかどうかは定かではありません。しかし、これによりサイズが大幅に縮小されます。