ウェブページの重量を減らす方法を教えます

ウェブページの重量を減らす方法を教えます

いわゆる Web ページの軽量化とは、何らかの方法で Web ページ ファイルのサイズを圧縮するだけでなく、Web ページ自体の構造とコードを最適化することを指します。ウェブによる減量は常に熱く議論されているトピックです。一般的に私たちが行うことは、冗長なコードを削除することです。今日は、Jiajiu.com の編集者が自身の体験談をいくつかシェアします。

Web ページの DIV と CSS のリファクタリング

ページの軽量化の最大の意味は、ジャンク コードを削減し、検索エンジン スパイダーが Web ページをスムーズにクロールして適切なコンテンツを取得できるようにすることです。 DIV および CSS で構造化されたページには、すぐに開くことや、エンジン スパイダーによるコンテンツのクロールが容易になるという利点があります。ただし、DIV と CSS コードは大量の CSS コードを生成するため、この部分のコードによってスパイダーがページのタイトル部分をクロールできなくなるため、CSS を別途保存する必要があります。

Javascript コード 減量

Web ページ上の冗長コードには、ASP.NET によって生成された Viewstate、Web ページ内のカプセル化されていない Javascript コード、および他のシステムによって自動的に生成されたページ ジャンク コードが含まれます。

一般的に言えば、ASP.NET が提供するデフォルトのテンプレートやメソッドを使用しない場合、Viewstate はクリアできます。ASP.NET を使用して異なるモジュールを含む HTML ページを生成する場合、元の HTML テンプレート ページでも Viewstate コードをシールドできます。

ウェブページのテキスト減量

Web ページのテキスト コンテンツが長すぎると、ユーザーがページを開く速度が遅くなり、ページ全体にラベルを付けることができなくなり、ユーザー エクスペリエンスが大幅に低下します。この場合、通常、各 Web ページの長さが 3 画面を超えないように記事はページに分割されます。これはユーザーエクスペリエンスに有益であるだけでなく、検索エンジンにとっても大きなメリットがあります。

減量のためのウェブページの写真

ウェブページ上の画像ファイルが大きすぎるため、ページを開くときに長い時間待たなければなりません。この時間が耐えられる限界を超えると、ユーザーはページを閉じます。検索エンジンも同様です。画像をクロールして収集する際に、画像が大きすぎて短時間でダウンロードできないと判断した場合、その画像には実用的な価値がないと判断し、画像の収集を断念するか、Web サイトのスコアを下げます。

したがって、Web サイトを作成するときは、画像の品質を確認するだけでなく、Web ページ上の画像のサイズにも特に注意して、できるだけ短時間でダウンロードできるようにする必要があります。

フラッシュ減量

Web ページの軽量化を行う場合は、ナビゲーション、コンテンツ、リンクなど、ページ全体の重要な部分を反映するために Flash を使用しないようにする必要があります。または、HTML ウェブサイト マップを使用してこれを補うこともできます。具体的な方法は、フッターに HTML リンクを追加し、HTML リンクにサイトマップ ファイルへのリンクを追加して、検索エンジンがこの対策を通じてリンクを見つけられるようにすることです。

ウェブサイトがすべて Flash である場合は、ホームページにテキスト リンクを追加して、Flash テキスト コンテンツを含む、簡素化された非 Flash ウェブ ページにリンクする必要があります。これはユーザー エクスペリエンスの向上に役立つだけでなく、ページの検索エンジンのインデックス作成にも非常に役立ちます。

この記事は、China Wine Investment Network の Yang Xiao 氏によって http://www.9928.TV/ から最初に執筆されました。転載の際はリンクをそのままにしておいてください。

元のタイトル: Webページの重量を減らす方法を教えます

キーワード: 教える、方法、ウェブページ、減量、いわゆる、ウェブページブック、ボディノット、コード、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、お金を稼ぐ

<<:  ルールの抜け穴が悪用され、タオバオの顧客は暗黙的にトラフィックを誘致することで年間数十万ドルを稼いだ。

>>:  テンセントの電子商取引が「トレンドに従わない」理由:エコシステムが再構築される可能性がある

推薦する

OpenStack サーバーを管理するための 5 つのオープンソース ツール

OpenStack は、市販のハードウェア上で実行される Infrastructure as a S...

クラウド プラットフォームの運用および保守仕様 - パート 1

1. 運用と保守の目的情報システムの構築は、長期にわたる、複雑で大規模なシステムエンジニアリングプロ...

Baiduにインデックスされたページを同じ日にすべて翌日に削除する問題を解決

BaiduがPhoenix Nest広告計画を開始して以来、Baiduは検索エンジンにも適切な調整を...

ホスト管理について話す

2020 年にマシンをオンラインにするには、8 つのサービス間を行ったり来たりする必要がありますが、...

WeChat 5.0はすべてのセルフメディアコンテンツを席巻し、クリックスルー率は大幅に低下するだろう

WeChatの自主メディアは短期間で急増し始め、独自の自主メディアの割合はますます希薄化しました。多...

キャッシュの背後にある「破壊の種」

[[332833]]キャッシュアバランチ「キャッシュ ミス」という用語については何度も言及しており、...

CoCoA: 大規模機械学習の分散最適化のための一般的なフレームワーク

昨年、Michael I. Jordan 研究室は「CoCoA: 通信効率の高い分散最適化のための一...

インターネットマーケティングの専門家、陳千万氏:精密マーケティングに必要な3つのステップ

2018年最もホットなプロジェクト:テレマーケティングロボットがあなたの参加を待っていますマーケティ...

記事を更新する際のウェブマスター向けのヒント

毎日ウェブサイトに数記事を更新することは、ウェブマスターがしなければならないことですが、更新した記事...

卵と 30 セントではどちらがユーザー エクスペリエンスが向上するでしょうか?

生鮮食品スーパーは、これまでも一部の電子商取引企業の夢であり、一部の電子商取引大手もこの分野に参入し...

役に立つ情報: Catalyst-Seattle/10G ポート/4T トラフィック開始

Catalyst、この製品は5年前から存在しており(ドメイン名の更新は2017年に終了しました)、パ...

NFVがなければ5Gもありません。 6 年間の仮想化の旅の後半の刺激的な旅が始まったばかりです。

私たちがNFVを愛してから6年が経ちました。この物語は、AT&T、ブリティッシュ・テレコム、...

Huaxiaming.com の Li Qiang: 送信後のメールを追跡する方法

みなさんこんにちは!私はHuaxiaming.comのLi Qiangです。メール マーケティングは...

ビッグデータの孤立を打破: 主流の SaaS ベンダーが共同でオープン スタンダードを構築

10月27日、2017 iResearch A10 ビッグデータサミットにおいて「Intellige...