あなたのウェブサイトのページを流線形にしなさい
あなたのWeb ページから最も有効な性能を絞ることは重要である。利点は場所が個人的、または大きい専門であるどうか、普遍的である。ページの重量を減らすことは特にあなたの訪問者がダイヤル式インターネット・アクセスを使用すれば拾い読みの経験のスピードをあげることができる。広帯域アクセスが未来であるけれども、現在はまだ大量のダイヤル式ユーザーを含んでいる。多くの場所、特にecommerce の場所は、市場のこの大きいセクションを無視することをできることができない。多量の独特な交通の場所はまた総月例交通でWeb ページの下の細くによって救うかもしれない。この記事はtext/code 及びグラフィック両方のページの最適化の基本原則をカバーする。
グラフィック
グラフィックは重いページの通常の容疑者である。非常に写実的な設計、か少数の不完全に最大限に活用されたイメージの結果として、グラフィックはかなりWeb ページの負荷時間を拡張できる。グラフィックの最適化の第一歩は非常に基本的である。ない物を単に除去するか、または動かしなさいかどうかグラフィックある絶対に必要が決定すれば。ホームページから別のギャラリーへ大きいグラフィックを取除くことは多分"" 許可しなさいホームページの負荷を掛けなさい訪問者の数を高める。ギャラリーへのより大きい写真か芸術を分けることはまた負荷により長く持って行くかもしれないギャラリーでかちりと鳴っているユーザーに公平な警告を提供する機会を提供する。写実的なボタンの場合には、テキストの使用を代りに基づかせていたと、CSS スタイルを作られたボタン考慮しなさい。非常に写実的な設計を使用する場所、ウェブサイト"型板" の共通主題、最もよいグラフィックをできるだけ最大限に活用する必要性。
グラフィックの最適化は最初にあなたのイメージに適切なファイル・タイプを選ぶことを含む。単独でこのトピックがはるかに詳細な分析のための飼葉であるけれども、私はそれで簡潔に触れる。イメージは性質で写真である、および性質で写実的であるそれら入って来2 つの基本的な変化、変化。言われるものがで連続階調と写真に一緒にjumbled 色の大きい配列が完全にある。グラフィックに、ビジネスロゴのような、滑らか、チップス一般に、同じ色の大きい区域がある。写真は"JPEGs" に最もよく圧縮される。"共同写真専門家グループ" のフォーマットは非常に処理しやすいサイズに首尾よく大きい写真を圧縮できる。それは1-100 間の滑走の"質" のスケールで通常応用、最も圧縮された、低質である1 100 最少および最高品質である。JPEG は加えられたとき、そう意味する"lossy" の圧縮アルゴリズムであるイメージ情報を保つ元のファイルのコピーを"常に破壊する" ことを。グラフィック及びロゴは"GIF" 、または、"PNG" のフォーマットで一般に最近最もよく働く。これらのフォーマットはロゴまたは写実的なテキストのような同じような色の大きい区域のイメージのサイズの、減少でJPEGs より有効である。
他の媒体の少数の一般的なノートは適切である。他のタイプのフラッシュまたは音ファイルのような媒体はまたページを減速する。最初の規則はそれらが絶対に必要であるどうか同じ、考慮する常にである。フラッシュで場所を完全に造ることを選んだら個々のセクションおよび要素が可能ように同様によく圧縮されることをそれから確かめなさい。音楽の場合には、私は個人的なバイアスにここに是認し、華麗で古い格言をパラフレーズするために、"ウェブサイト見られ、聞かれないべきである。" は単に、背景で遊ぶ音楽は拾い読みの経験を"豊かにしない" 。
テキスト及びコード
ページで整うべきほとんどの重量は写実的な及び媒体の要素から来るが、Web ページのテキストそしてコードを見ることによって少数の余分バイトを取除くことは可能である。実際のテキストの内容によって、ここにするべき多くがないかもしれない。ページの内容はユーザーの理解しかしまたサーチエンジンのランキングに主しかでない。取除いてまたは組織の内容をあるページの重量より多くが問題である極度な状態で必要だけがよくしなさい。例は長いの終わるように長い縦スクローリングが要求するテキストの重いWeb ページかもしれない。そのようなページは"infomercial" の場所で共通、ページの重量と関連しているそれらを越える基本的な設計借用者に違反する。
コードは別の物語である。ウェブサイトのコードは色々な方法でより有効に作ることができる。最初に、CSS の使用によって、Web ページの様式の要素すべては外的なファイルによって今呼ぶことができる。この同じファイルはすべて均一外観や質を提供する場所のページ頼むことができる。これはより有効であるただ; それはW3C からの公式の推薦またである。同じは"テーブル" の基づかせていたレイアウトのXHTML そして放棄の前述であるかもしれない。レイアウトのために有効なテーブルは、しかし"div" の札を使用して同等のXHTML のレイアウトよりより多くのコードを作り出す。テーブルの内容と"箱" を作成するように最小3 枚の札が要求されるところ1 つが分割を使用して必要であるしかしながら。組合せのXHTML そしてCSS を使用してコードかなり"Web ページによって必要なページ" のの量を減らすできる。最終は、比較的些細なトリックあなたのコードからのすべての"白いスペース" の取り外しである。ブラウザはそれを要求しない; それは主にある従って著者は容易にコードを読み、解釈できる。節約は最低精々であるが、交通の極度な量を受け取る場所のために、少数はバイトを加える終わる時間を救った。
結論
ページの重量を減らすように努めた場合ターゲットイメージ及び最初に雑誌新聞広告欄案内。それらは全面的なページの重量の最も大きい部品であり、それらを単に取除くことはかなり総重量を減らすことができる。残るイメージはタイプ、写真またはグラフィックのために適切なフォーマットに最上に圧縮されるべきである。不必要な縦スクローリングを引き起こす巨大な文節を避けなさい。多数のページを渡る情報を広げるために場所を効率的に組織しなさい。ページコードのサイズを減らすためにXHTML 及びCSS を採用しCSS を外的に呼びなさい。これらの先端はあなたのページのサイズを減らし、あなたの視聴者に配達の促進を助けるべきである。
著者について:
顧客の広範囲への催し、vps の催し、そして網のデザイン・サービスLester 氏はで催している催しているアポロのための催ウェブマスターhttp://www.apollohosting.comApollo の催すことがウェブサイトを提供するように それを 4 年間役立つことecommerce の前に、ウェブサイトの設計を催すことの知識、得る5 年間企業働かせた。
記事のソース: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
ウェブマスター向けのHTMLコードを取得
この記事を追加してお客様のウェブサイトを今しなさい！
ウェブマスター向けの記事を送信してください
登録の必要なし！フォームに記入してください Messaggiamo.Com 記事は、ディレクトリ！
