InstantShift-Webデザイナーや開発者の毎日のリソース。
継続的に成長する環境では、サーバーが必要に応じて責任ある役割を果たすことが重要です。 ただし、サーバーがあきらめたり、希望の帯域幅制限を超えたりするピーク時があります。 サーバーは数十の理由でクラッシュする可能性があり、それぞれの理由にはいくつかの可能性があり、それぞれの可能性には数十の解決策が存在します。 これは、開発者の小さなグループのための混乱の膨大な量を課すことができます。
いくつかのウェブサイトを管理しながら、我々は気づいたことの一つ–多くの場合、彼らはワールドワイドウェブ上で最速のサイトではありません。 これの多くはホストサーバーの設定が原因である可能性がありますが、パフォーマンスの問題のいくつかは、制御できるものによって引き起こされます。
この記事では、サーバーの負荷を軽減し、成長するウェブサイトの帯域幅を節約するための最良のヒントを提示します。
あなたがウェブサイトのダウンタイムに直面することができる多くの理由があります。 ホストサーバーの状態（たとえば、共有サーバーの場合、同じサーバー上で実行されている他のwebサイトは間違いなく遅くなります）、webサイトの構成、またはコードの 安全に遊ぶことが不可欠です。
これらのヒントを探索する前に心に留めておく必要があることはいくつかありますが、何度も言及されたヒントのいくつかは、あなたのプロジェ
また、個人的な推奨事項として、サーバーの負荷を軽減し、帯域幅を節約するための主流のヒントを探している場合は、過去に望ましい結果を得ること
以下の関連記事にも興味があるかもしれません。
私たちに参加すること自由に感じ、あなたは常に私たちの読者が役に立つかもしれないあなたの考えを共有することを歓迎しています。
私たちのRSSフィードを購読し、Twitterで私たちに従うことを忘れないでください-最近の更新のために。
11 サーバーの負荷を軽減し、帯域幅を節約するためのヒント
01. 画像の代わりにCSSテキストを使用する
画像は、Webページを遅くし、サーバーの帯域幅を大量に消費 背景画像を使用する代わりに、CSSコードを使用します。 たとえば、あなたのウェブサイトで普通の赤い背景を使用したい場合は、red-bgの代わりにCSSコードbackground-color:#F00を使用してください。jpg。 CSSを使用すると、任意のCSS要素の背景色または背景画像を設定できます。
これらは、上の素敵なチュートリアルですCSS-Tricks.com サーバーの負荷を軽減するために背景画像をどのように賢明に使用できるかについて。
02. 画像の最適化
ほとんどのwebサイトの帯域幅の半分以上が画像によって使用され、画像を最適化することは、webサーバーで使用される帯域幅を改善するための最良の方法です。 インターネット用の画像を最適化し、同様にそのサイズを縮小し、ビットマップファイルを使用しないでください（。彼らは（主にMBsで）巨大であるようにbmp）。 Jpegを使用する必要があります（。jpg）またはgif（。これらは、インターネット用に最適化されているような画像のためのgif）ファイル。 親指の良いルールは、10Kbよりも大きい誰も画像のために努力することです。 これはアニメーションでは特に難しいですが、それを行うことができれば、サーバーの使用帯域幅に顕著な違いがあります。 インターネット上で利用可能な様々な画像変換プログラム/ソフトウェアがあり、様々な最適化プログラムもありますが、大幅にそのサイズを縮小しながら、画像の品質を保持することができる最適化プログラムを取得するようにしてください。Photoshopを使用している場合は、「Web用に保存」（Alt+Shift+Ctrl+S）オプションを使用して画像を圧縮し、帯域幅を最小限に抑えることができます。 たくさんの色の画像がある場合は、JPEGまたはPNGを使用する必要があります。 ファイルサイズを変更するには、品質で遊んでください。
“どれだけ多すぎるか”で引用されているように、第七ジョージア工科大学GVU WWW調査をチェックしてください。
03. Cssプロパティ
CSSファイルはかなり大きく、無駄な休憩やスペースがたくさんあります。 CSSの速記プロパティは素晴らしいです！ これらは、CSSドキュメントに含まれるコードの量を減らすための素晴らしい方法であり、ダウンロード時間を短縮し、編集を容易にすることができます。 たとえば、
margin:2px1px3px4px(上、右、下、左)を使用できます)
…代わりに
margin-top:2px;
margin-right:1px;
margin-bottom:3px;
margin-left:4px
webcredibleによって書かれたクールな記事があります。co.uk CSSの省略形プロパティについて。
CSS Compressorを使用することもできますarantius.com CSSファイルのサイズと不要な改行とスペースを減らすために。
04. 不要なHTMLコード、タグ、空白を削除する
すべての余分なcharectorは余分なページサイズを意味するため、HTMLファ 視覚的なHTMLエディタやメモ帳を使用するかどうかにかかわらず、HTMLコードには不要なスペース、リターン、メタタグ、HTML要素のデフォルト値など、不要なものが含 それらは実質の目的に役立つことなしであなたのwebページを、より大きくさせる。 大きなwebページは、ロードに時間がかかり、webサーバーのデータトラフィックを増加させ、貴重な帯域幅を無駄にします。
Wordoffは、HTMLコードから不要なタグやスタイルを削除することができますシンプルで便利なwebツールです。 私たちのほとんどは、私たちの作業生活の中で手動でHTMLコードをクリーンアップする必要があります。 このwebツールは間違いなくそのような状況で私たちのすべてを助け、あなたはまた、この価値のあるブックマークを見つけます。
05. AjaxとJavaScriptライブラリを使用する
AJAXは、ページをリロードせずにJavaScriptを使用してサーバーと通信するwebペー 一般的に、ウェブサイト上の関連ページは、それらの間で共通の多くのコンテンツで構成されています。 従来の方法を使用すると、そのコンテンツは要求ごとに再ロードする必要がありました。 ただし、Ajaxを使用すると、webアプリケーションは更新が必要なコンテンツのみを要求できるため、帯域幅の使用量とロード時間が大幅に削減されます。
GoogleのAJAX Libraries APIを利用して帯域幅を節約するために使用できるテクニックについてさらに読みたい場合は、perishablepress.com このトピックに関する記事を公開しました。
06. ファイルHotlinksを無効にする
ホットリンク用語は、あなたのウェブサイトから他のウェブサイト（複数可）に画像やダウンロードをリンクしています。 基本的に画像はあなたのウェブサイト上にあり、他のウェブサイトはあなたのウェブサイトに画像タグをリンクするだけで、あなたの帯域幅を 人々があなたのイメージファイルに”ホットリンク”している場合、彼らはあなたが最終的に支払うあなたの帯域幅を使用しています。
‘を配置することで、これが起こるのを止めることができます。あなたの画像が保存されているフォルダ内のhtaccess’ファイル。 これは、あなた自身のページからの要求が画像を表示することを許可します–あなたのウェブサイトの外からそれらにリンクしている人、またはあなたが選択した任意のウェブサイトは、画像の代わりに”赤いx”を持つことになります。
RewriteEngine On
RewriteCond%{HTTP_REFERER}!^Http
RewriteCond%{HTTP_REFERER}!^http(s)?://(.*\.)?yourserver.com
（jpeg/jpg/gif|png)$ –
altlab.com を使用してホットリンクを防ぐために素敵なチュートリアルを書きました.htaccessファイル。
も使えます。HTMLBasixが提供するホットリンクを無効にするhtaccessジェネレータ。
07. HTMLとPHPをGZip
CSSと同じように、HTMLには多くの空白と無駄な休憩が含まれている可能性があります。 PHPを使用している場合は、Apacheのmod_gzipを使用してコンテンツを圧縮できます。 Mod_gzipは、圧縮されたコンテンツを理解できるブラウザから要求されたときに、その場でwebページのサイズを大幅に下げることができるapache用のモジュー 覚えておいて、素晴らしいことは、ブラウザが圧縮されたコンテンツを理解していないか、それを要求しない場合には、ブラウザが圧縮されたコンテン
最も簡単な方法は、aを使用することです。htaccessファイル。 私は使用することをお勧めします。htaccessメソッドは、それが実装することは非常に簡単ですので、によって。htaccessファイルサーバー設定をさらに設定できます。 Gzip圧縮を有効にするには、次の行を追加します。htaccessファイル。
php_value output_handler ob_gzhandler
または、PHP圧縮が機能する順序を挿入するには、webページのヘッダー、ページの上部に次の行を挿入する必要があります:
< ? ob_start(“ob_gzhandler”);?>
webcodingtech.com gzip圧縮を有効にする方法についてのチュートリアルを書きました。
08.
あなたは（大きな）ファイルを共有し、それによってあなたの帯域幅の影響をさせたくない場合は、Flickr、Pikasa、PhotoBucket、ImageShack、rapidshare.com とmegaupload.com.ファイルをホストし、あなた自身のブログやウェブサイト上のダウンロードリンクを配置します。 これにより、サーバー上の膨大な量の帯域幅が節約されます。 ただし、これを行う前に、サービスプロバイダーによって許可されていることを確認してください。
09. 可能な限り添付ファイルを避ける
サーバー上でホストしようとしているファイルがネット上の他の場所にある場合は、サーバー上のフ それは間違いなくあなたに余分な帯域幅を要するだけでなく、サーバーの負荷を増加させます。 他に何もない場合は、システムにファイルをアップロードする必要がないため、時間を節約できます。
10. サイトキャッシング
キャッシュは、同じ情報が必要になるたびにリソースを使用してデータを生成するのではなく、準備ができたストレージ(キャッシュ)からデータを取得する方法です。 それは動的ではない場合は、あなたのウェブサイト上のキャッシュを有効にすると、エンドユーザーのコンピュータは、彼らが期限切れになるまで、それは自 もう一つの良いアイデアは、あなたのウェブサイトをキャッシュすることですが、あなたはHTTPヘッダーに有効期限を設定したい場合がありますので、 サイト上の画像のほとんどは決して変更されず、ローカルにキャッシュしておくことをお勧めします。
mod_headersを使用したキャッシュ
# 1 年
<ファイルマッチ”\.（flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav）)$”=””>
ヘッダーセットキャッシュコントロール”max-age=29030400,public”
</filesmatch>
# 1 週
<ファイルマッチ”\.（jpg/jpeg|png/gif|swf)$”=””>
ヘッダーセットキャッシュコントロール”max-age=604800,public”
</filesmatch>
# 3 時間
<ファイルマッチ”\.（txt/xml/js/css)$”=””>
ヘッダーセットキャッシュコントロール”max-age=10800″
</ファイルマッチ>
# キャッシュしない
<filesmatch”\.(html|htm|php|cgi|pl)$”=””>
Header set Cache-Control “max-age=0, private, no-store, no-cache, must-revalidate”
</filesmatch>
Caching with mod_expires
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<filesmatch “\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$”=””>
ExpiresDefault A9030400
</filesmatch>
# 1 WEEK
<filesmatch “\.(jpg|jpeg|png|gif|swf)$”=””>
ExpiresDefault A604800
</filesmatch>
# 3 HOUR
<filesmatch “\.（txt/xml/js/css)$”=””>
ExpiresDefault A10800″
</filesmatch>
11. キャッシュRSSフィード
RSSまたは本当に単純なシンジケーションは、一般的に知られているよ フィードがキャッシュされると、指定された時間、ローカルハードドライブから読み込まれます。 指定された時間が経過した後、RSSフィードが再び取得されます。 これは全プロセスを促進している間現在に残るために表示されるRSSの供給の内容を可能にする。 キャッシュRSSフィードは、帯域幅の使用量を削減します。 Webサーバーがサーバーから同じRSSフィードを繰り返し取得する必要がないため、帯域幅が削減されます。
結論
トラフィックの高いウェブサイト、ブログ、画像ギャラリーを作りたい場合は、ウェブホストで中継するだけでなく、ウェブサイトとサーバーを最適化するためにもう少し時間を費やしてください。 あなたがしない場合は、すぐに十分なあなたのウェブサイトのための新しい、より大きなウェブホストを探していますので。 それは常に良いと高速なホストを使用することをお勧めしますが、これらの技術を適用すると、時間がないのあなたのサーバーの負荷と帯域幅の多く
何か見逃した？
このリストにない帯域幅節約技術はもうありますか？ 私たちの読者とそれらを共有すること自由に感じます。