【编者按】本文由 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/
HTML的核心目的在于让浏览器理解并展示网页内容。1.HTML通过标签定义网页结构和内容,如、到、等。2.HTML5增强了多媒体支持,引入了和标签。3.HTML提供了表单元素,支持用户交互。4.优化HTML代码可提升网页性能,如减少HTTP请求和压缩HTML。

htmltagsareessentialforwebdevelopmentastheyandendenhancewebpages.1)heSdefinElayout,语义和互动性。2)SemantictagsiCtagSimproveCacsibilitieAndseo.3)pose poseriblesibilityAndseoandseo.3)poser

一致的HTML编码风格很重要,因为它提高了代码的可读性、可维护性和效率。1)使用小写标签和属性,2)保持一致的缩进,3)选择并坚持使用单引号或双引号,4)避免在项目中混合使用不同风格,5)利用自动化工具如Prettier或ESLint来确保风格的一致性。

在Bootstrap4中实现多项目轮播的解决方案在Bootstrap4中实现多项目轮播并不是一件简单的事情。虽然Bootstrap...

如何实现鼠标滚动事件穿透效果?在我们浏览网页时,经常会遇到一些特别的交互设计。比如在deepseek官网上,�...

无法直接通过CSS修改HTML视频的默认播放控件样式。1.使用JavaScript创建自定义控件。2.通过CSS美化这些控件。3.考虑兼容性、用户体验和性能,使用库如Video.js或Plyr可简化过程。

在手机上使用原生select的潜在问题在开发移动端应用时,我们常常会遇到选择框的需求。通常情况下,开发者倾...

在手机上使用原生select的弊端是什么?在移动设备上开发应用时,选择合适的UI组件是非常重要的。许多开发者�...


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

Dreamweaver CS6
视觉化网页开发工具

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境

SublimeText3汉化版
中文版,非常好用

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。