cari
Rumahhujung hadapan webhtml tutorial2016全球排名前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/
Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Mengapa tag HTML penting untuk pembangunan web?Mengapa tag HTML penting untuk pembangunan web?May 02, 2025 am 12:03 AM

Htmltagsareessentialforwebdevelopmentastastheystructureandhancewebpages.1) theDefinelayout, semantik, dan interactivity.

Terangkan kepentingan menggunakan gaya pengekodan yang konsisten untuk tag dan atribut HTML.Terangkan kepentingan menggunakan gaya pengekodan yang konsisten untuk tag dan atribut HTML.May 01, 2025 am 12:01 AM

Gaya pengekodan HTML yang konsisten adalah penting kerana ia meningkatkan kebolehbacaan, kemampuan dan kecekapan kod. 1) Gunakan tag dan atribut huruf kecil, 2) Pastikan lekukan yang konsisten, 3) Pilih dan tentukan sebut harga tunggal atau berganda, 4) Elakkan mencampurkan gaya yang berbeza dalam projek, 5) Gunakan alat automasi seperti Prettier atau Eslint untuk memastikan konsistensi dalam gaya.

Bagaimana untuk melaksanakan Carousel Multi-Project di Bootstrap 4?Bagaimana untuk melaksanakan Carousel Multi-Project di Bootstrap 4?Apr 30, 2025 pm 03:24 PM

Penyelesaian untuk melaksanakan Carousel Multi-Project dalam Bootstrap4 Melaksanakan Carousel Multi-Project di Bootstrap4 bukanlah tugas yang mudah. Walaupun bootstrap ...

Bagaimanakah laman web rasmi DeepSeek mencapai kesan menembusi acara tatal tetikus?Bagaimanakah laman web rasmi DeepSeek mencapai kesan menembusi acara tatal tetikus?Apr 30, 2025 pm 03:21 PM

Bagaimana untuk mencapai kesan penembusan peristiwa menatal tetikus? Apabila kami melayari web, kami sering menghadapi beberapa reka bentuk interaksi khas. Sebagai contoh, di laman web rasmi DeepSeek, � ...

Cara mengubahsuai gaya kawalan main balik video HTMLCara mengubahsuai gaya kawalan main balik video HTMLApr 30, 2025 pm 03:18 PM

Gaya kawalan main balik lalai video HTML tidak dapat diubahsuai secara langsung melalui CSS. 1. Buat kawalan tersuai menggunakan JavaScript. 2. Mencantikkan kawalan ini melalui CSS. 3. Pertimbangkan keserasian, pengalaman pengguna dan prestasi, menggunakan perpustakaan seperti video.js atau PLYR dapat memudahkan proses.

Masalah apa yang akan disebabkan oleh menggunakan Pilih asli di telefon anda?Masalah apa yang akan disebabkan oleh menggunakan Pilih asli di telefon anda?Apr 30, 2025 pm 03:15 PM

Masalah yang berpotensi dengan menggunakan pilihan asli pada telefon bimbit semasa membangunkan aplikasi mudah alih, kami sering memenuhi keperluan untuk memilih kotak. Biasanya, pemaju ...

Apakah kelemahan menggunakan pilihan asli di telefon anda?Apakah kelemahan menggunakan pilihan asli di telefon anda?Apr 30, 2025 pm 03:12 PM

Apakah kelemahan menggunakan pilihan asli di telefon anda? Apabila membangunkan aplikasi pada peranti mudah alih, sangat penting untuk memilih komponen UI yang betul. Banyak pemaju ...

Bagaimana untuk mengoptimumkan pengendalian perlanggaran perayauan orang ketiga di dalam bilik menggunakan tiga.js dan octree?Bagaimana untuk mengoptimumkan pengendalian perlanggaran perayauan orang ketiga di dalam bilik menggunakan tiga.js dan octree?Apr 30, 2025 pm 03:09 PM

Gunakan tiga.js dan octree untuk mengoptimumkan pengendalian perlanggaran perayauan orang ketiga di dalam bilik. Gunakan octree dalam tiga.js untuk melaksanakan perayauan orang ketiga di dalam bilik dan tambahkan perlanggaran ...

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

SecLists

SecLists

SecLists ialah rakan penguji keselamatan muktamad. Ia ialah koleksi pelbagai jenis senarai yang kerap digunakan semasa penilaian keselamatan, semuanya di satu tempat. SecLists membantu menjadikan ujian keselamatan lebih cekap dan produktif dengan menyediakan semua senarai yang mungkin diperlukan oleh penguji keselamatan dengan mudah. Jenis senarai termasuk nama pengguna, kata laluan, URL, muatan kabur, corak data sensitif, cangkerang web dan banyak lagi. Penguji hanya boleh menarik repositori ini ke mesin ujian baharu dan dia akan mempunyai akses kepada setiap jenis senarai yang dia perlukan.

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Dreamweaver Mac版

Dreamweaver Mac版

Alat pembangunan web visual