[編集者注] この記事は、Royal Pingdom ブログによって最初に公開されたもので、主に、同ブログによって測定された世界のトップ 50 ブログの Web サイトのパフォーマンスを紹介しています。この記事は、国内のITOM管理プラットフォームOneAPMによって編集され、提供されています。
Royal Pingdom ブログでは、ウェブサイトのパフォーマンスの測定と分析が大好きです。今度は、世界のトップ 50 ブログの Web サイトのパフォーマンスを再評価するときです。 2016 年の調査での重要な発見は、ブログとは何かを明確に定義するのが難しいということであることは指摘しておく価値があります。 2012 年に同様の評価を行ったとき、Technorati の世界トップ 100 ブログのリストを使用しました。 Technorati は非推奨になりました。
ブログとは何ですか?出版物と呼ぶべきではないでしょうか?境界は曖昧です。多くのブログ ランキングでは、Huffington Post が上位 3 位にランクインしています。この場合、Medium などの他のコンテンツ公開サイトもブログとみなされます。
出版物かブログかは、実際には重要ではありません。Web サイトのパフォーマンスの研究に集中しましょう。評価に用いた調査手法については後ほど紹介します。
予想どおり、トップ 50 ブログのパフォーマンスは異なります。小さくて高速な Web サイトもあれば、大規模で非常に大きい Web サイトもあれば、その中間の Web サイトもあります。すべての数値とグラフを提供します。
ネットワークパフォーマンスのテスト方法
Alexa が提供する上位 50,000 件の大規模 Web サイトに基づいて、出版物またはブログである Web サイトを特定しました。各ウェブサイトについて、Pingdom フルページ テストを通じてテストし、読み込み速度、ホームページのサイズなどのデータを収集します。 2 日連続 (2 月 9 日と 10 日)、各ブログを 2 回テストし、テストの平均を計算しました。
ブログや出版物の内容は頻繁に、多くの場合毎日変更されます。したがって、公開される記事の数や種類も異なり、写真やビデオなどが含まれる場合もあります。これらすべての要因が Web サイトのパフォーマンスに影響します。
ページサイズは617 KBから20 MBまで
各Webサイトのホームページサイズから始めましょう。上位 50 ブログの平均ページ サイズは 4.82 MB です。 2012 年に上位 100 ブログを分析したところ、ホームページの平均サイズはわずか 2.10 MB でした。 2008 年の平均 934 KB と比較すると、大幅な増加です。
ホームページのサイズは、617 KB (torrentfreak.com) から 20 MB (tmz.com) の範囲です。これは、最大の Web サイトが最小の Web サイトの 32 倍であることを意味します。
50 ブログのうち 2 MB 未満のブログは 9 つだけであることに注目してください。
下のグラフには、最大のホームページと最小のホームページを持つ 10 のブログが示されています:
1 秒未満で読み込まれる最速のサイト
最小のホームページである torrentfreak.com も、最も高速に加速しました ( 1 秒未満で読み込まれるブログのみ）。注目に値するのは css-tricks.com で、サイト サイズの点で 25 位にランクされているにもかかわらず、読み込み時間は 1.04 秒です。
50 のブログの読み込み時間の分布は次のとおりです:
ほとんどのサイト (50 のうち 32) は読み込みに 5 秒以上かかり、すべてのサイトの平均読み込み時間は 5.48 秒でした。
その中では、torrentfreak.com が最も速く、次に css-tricks.com と tutsplus.com が続き、その対極にあるのが tmz.com で、平均読み込み時間は 27.7 秒です
これを次のように言いましょう。最も遅い Web サイトが一度読み込まれると、最も速い Web サイトでもすでに 29 回読み込まれる可能性があります。以下に、最も速い Web サイトと最も遅い Web サイト 10 件を示します。
読み込みリクエストが多い
最後に、ユーザーがブラウザを使用してこれらの Web サイトを読み込むときに、Web サイトがリクエストする要素の数をテストしてみましょう。これには、JavaScript ファイル、CSS ファイル、画像などが含まれます。
これら 50 の Web サイトによって読み込まれる要素の平均数は 367 です。2012 年の平均は 216 でしたので、増加しています。以下は、ブログごとのリクエスト数のグラフです。
このテストで 2 番目に高速な Web サイトである css-tricks.com は、読み込まれた要素が最も少なく、わずか 30 でした。その対極にあるのが tmz.com で、信じられないほど 969 件のロード リクエストがあります。 TMZ Web サイトのパフォーマンスの低下により、Pingdom Full Page Test が数回クラッシュしたことは言及する価値があります。うわぁ、それはやばいね。
言い換えると、読み込みリクエストが最も多いサイトには、読み込みリクエストが最も少ないサイトの 32 倍の要素があります。
パフォーマンス レベル
パフォーマンス レベルは、Google ページ速度に基づいてウェブサイトの最高のパフォーマンスを評価します。テスト結果によると、medium.com (93)、tutsplus.com (91)、css-tricks.com (89) がトップ 3 にランクされています。これらのサイトはすべてのテストで高いスコアを獲得したため、チームに敬意を表します。
Web サイトのパフォーマンスには最適化の余地がたくさんあります
おそらく、これらの Web サイトの 1 つ以上を頻繁にアクセスするでしょう。その速度は訪問頻度に影響しますか? Web サイトの速度は電子商取引において重要な役割を果たしており、時は金なりです。
このように Web サイトのパフォーマンス データを詳しく調べて、これらのトップ サイトがどのように機能するかを理解し、それらのサイトを訪問するエクスペリエンスを体験するのは楽しいです。結果はまちまちですが、1 つ確かなことは、これらの人気ブログには最適化の余地がたくさんあるということです。
ページ速度テストであなたのウェブサイトをテストしてみませんか?これらのトップ 50 ブログと比較してください。 Web サイトのパフォーマンスを継続的にテストしたい場合は、OneAPM Browser Insight 製品を使用することもできます。
OneAPM Browser Insight は、実際のユーザーに基づいた Web フロントエンド パフォーマンス監視プラットフォームであり、Web サイトのパフォーマンスのボトルネックを特定し、Web サイトの高速化効果を視覚化するのに役立ちます。ブラウザ、WeChat、および HTML および HTML5 ページを閲覧するアプリをサポートしています。さらに技術的な記事を読みたい場合は、OneAPM 公式テクノロジー ブログにアクセスしてください。
元のアドレス:
http://royal.pingdom.com/2016/02/12/web-performance-of-the-worlds-top-50-blogs/
HTML、CSS、およびJavaScriptの未来：Web開発動向Apr 19, 2025 am 12:02 AMHTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。
HTML：構造、CSS：スタイル、JavaScript：動作Apr 18, 2025 am 12:09 AMWeb開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。
HTMLの未来：ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AMHTMLの将来は、無限の可能性に満ちています。 1）新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2）Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3）パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。
HTML対CSS対JavaScript：比較概要Apr 16, 2025 am 12:04 AMWeb開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。
HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AMhtmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。
HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AMHTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。
テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AMHTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。
HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AMwebdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
