搜尋
首頁web前端html教學2016全球排名前50的博客网站性能_html/css_WEB-ITnose

【编者按】本文由 Royal Pingdom 博客首发,主要介绍其测得的全球排名前50博客的网站性能。文章系国内ITOM 管理平台 OneAPM 编译呈现。

在Royal Pingdom博客,我们喜欢测评和分析网站的性能。现在, 是时候重新评测 全球排名前50博客的网站性能了。值得指出的是,2016年的研究中有一个重要发现,就是很难明确定义什么是博客。我们在2012年做类似的测评时,使用的是Technorati的全球前100名博客列表。而Technorati现在已经弃用了。

什么是博客,它们难道不应该被称为刊物吗?界限是模糊的,很多博客排名都将Huffington Post(赫芬顿邮报)列入前三甲,如果是这样,那么其他内容发布网站,比如Medium,也可以被认为是博客。

刊物还是博客,其实并非重点,让我们专注于研究网站性能。后文将会介绍评测使用的研究方法。

正如所料,排名前50的博客性能各有不同。有的网站小,快,有的网站大,非常大,还有的则介于两者之间。我们会提供所有的数字和图表。

我们是如何测试网络性能的

我们根据Alexa提供的排名前50000名的大型网站,确定了其中属于刊物或博客的网站。对于每一个网站,我们通过 Pingdom Full Page Test 进行测试,收集数据,包括加载速度,主页大小等等。在连续两天内(2月9号和10号),我们对每个博客进行了两次测试,,然后计算测试的平均值。

博客和刊物的内容会经常变化,通常每天都会。因此,发布的文章数量和类型也有所不同,可能包含图片,视频,等等。所有这些因素,都会影响网站的性能。

网页大小从617 kB到20 MB

让我们先从每个网站的主页大小开始。排名前50的博客的平均页面大小为4.82 MB。2012年,我们分析排名前100的博客时,其平均主页大小仅为2.10 MB。而与 2008年的平均值934 kB 相比,更是大幅度的增长。

主页的大小范围从617 kB(torrentfreak.com)到20 MB(tmz.com)。这意味着最大的网站是最小的32倍。

值得注意的是,50个博客中只有9个是小于2 MB的。

在以下图表中,分别显示了10个主页最大和最小的博客:

最快的网站加载用时不到1秒

最小的主页,torrentfreak.com,同时也是加速速度最快的(唯一一个加载速度不超过1秒钟的)博客。值得一提的是css-tricks.com,加载时间为1.04秒,尽管网站大小位于25名之后。

以下是50个博客的加载时间分布:

大部分网站(50个中的32)的加载时间超过5秒,所有站点的平均加载时间是5.48秒。

其中,torrentfreak.com是最快的,之后是css-tricks.com和tutsplus.com,另一个极端是tmz.com,加载平均时间为27.7秒!

让我们这样说吧:最慢的网站加载一次,最快的网站已经可以加载29次了。以下是10个最快和最慢的网站:

好多加载请求

最后,让我们测试当用户使用浏览器加载这些网站时,网站请求的元素数量。这将包括JavaScript文件,CSS文件,图片,等等。

这50个网站加载的平均元素数为367。2012年的平均数为216,因此有所增加。以下是每个博客的请求数量分布图。

本测试中第二快的网站,css-tricks.com,是加载最少元素的网站,只有30。而另一个极端,是tmz.com,令人难以置信地有969个加载请求。值得一提的是,Pingdom Full Page Test因为TMZ网站的槽糕性能,几次崩溃。哎,太糟糕了。

换句话说,加载请求最多的网站的元素数量是加载请求最少的网站的32倍。

性能等级

性能等级根据Google Page Speed评估一个网站的最佳性能表现。测试结果显示, medium.com(93),tutsplus.com(91),和css-tricks.com(89)得分位列前三。这些网站在所有的测试中得分都很高,因此祝贺他们的团队。

网站性能还有许多优化空间

你可能经常访问这些网站中的一个或多个。它们的速度会影响你访问的频率吗?网站的速度在电子商务中起着重要的作用,时间就是金钱。

像这样深入研究网站性能数据,了解这些顶级网站的运作,以及体会访问这些网站时的体验,是很有趣的。即使结果是喜忧参半,有一件事是肯定的:对于这些受欢迎的博客而言,还有很大的优化空间。

为什么不使用我们的网页速度测试(Page Speed test)来检测你的网站呢?和这些排名前50的博客做一番对比吧。如果你想要不断的测试网站的性能,还可以使用OneAPM Browser Insight 产品。

OneAPM Browser Insight 是一个基于真实用户的 Web前端性能监控平台,能帮助大家定位网站性能瓶颈,实现网站加速效果可视化;支持浏览器、微信、App 浏览 HTML 和 HTML5 页面。想阅读更多技术文章,请访问OneAPM 官方技术博客。

原文地址:

http://royal.pingdom.com/2016/02/12/web-performance-of-the-worlds-top-50-blogs/
陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
HTML的未來:進化和趨勢HTML的未來:進化和趨勢May 13, 2025 am 12:01 AM

HTML的未來將朝著更加語義化、功能化和模塊化的方向發展。 1)語義化將使標籤更明確地描述內容,提升SEO和無障礙訪問。 2)功能化將引入新元素和屬性,滿足用戶需求。 3)模塊化將支持組件化開發,提高代碼復用性。

為什麼HTML屬性對Web開發很重要?為什麼HTML屬性對Web開發很重要?May 12, 2025 am 12:01 AM

htmlattributesarecrucialinwebdevelopment forcontrollingBehavior,外觀和功能

Alt屬性的目的是什麼?為什麼重要?Alt屬性的目的是什麼?為什麼重要?May 11, 2025 am 12:01 AM

alt屬性是HTML中標籤的重要部分,用於提供圖片的替代文本。 1.當圖片無法加載時,alt屬性中的文本會顯示,提升用戶體驗。 2.屏幕閱讀器使用alt屬性幫助視障用戶理解圖片內容。 3.搜索引擎索引alt屬性中的文本,提高網頁的SEO排名。

HTML,CSS和JavaScript:示例和實際應用HTML,CSS和JavaScript:示例和實際應用May 09, 2025 am 12:01 AM

HTML、CSS和JavaScript在網頁開發中的作用分別是:1.HTML用於構建網頁結構;2.CSS用於美化網頁外觀;3.JavaScript用於實現動態交互。通過標籤、樣式和腳本,這三者共同構築了現代網頁的核心功能。

如何在標籤上設置lang屬性?為什麼這很重要?如何在標籤上設置lang屬性?為什麼這很重要?May 08, 2025 am 12:03 AM

設置標籤的lang屬性是優化網頁可訪問性和SEO的關鍵步驟。 1)在標籤中設置lang屬性,如。 2)在多語言內容中,為不同語言部分設置lang屬性,如。 3)使用符合ISO639-1標準的語言代碼,如"en"、"fr"、"zh"等。正確設置lang屬性可以提高網頁的可訪問性和搜索引擎排名。

HTML屬性的目的是什麼?HTML屬性的目的是什麼?May 07, 2025 am 12:01 AM

htmlattributeseresene forenhancingwebelements'functionalityandAppearance.TheyAdDinformationTodeFineBehavior,外觀和互動,使網站互動,響應式,visalalyAppealing.AttributesLikutesLikeSlikEslikesrc,href,href,href,類,類型,類型,和dissabledtransfransformformformformformformformformformformformformformformforment

您如何在HTML中創建列表?您如何在HTML中創建列表?May 06, 2025 am 12:01 AM

toCreateAlistInHtml,useforforunordedlistsandfororderedlists:1)forunorderedlists,wrapitemsinanduseforeachItem,RenderingeringAsabulletedList.2)fororderedlists,useandfornumberedlists,useandfornumberedlists,casundfornumberedlists,casundfornthetthetthetthetthetthetthetttributefordforderfordforderforderentnumberingsnumberingsnumberingStys。

HTML行動:網站結構的示例HTML行動:網站結構的示例May 05, 2025 am 12:03 AM

HTML用於構建結構清晰的網站。 1)使用標籤如、、定義網站結構。 2)示例展示了博客和電商網站的結構。 3)避免常見錯誤如標籤嵌套不正確。 4)優化性能通過減少HTTP請求和使用語義化標籤。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

將Eclipse與SAP NetWeaver應用伺服器整合。

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器