搜尋
首頁web前端前端問答你有沒有感覺網頁越來越臃腫了?

 隨著基礎設施的發展,我們的網路速度越來越快了,那你是否感受到網頁載入速度變快了呢?有沒有想過,網頁也在逐漸變得臃腫?根據HTTP Archive的報告,在調查了約50萬網頁後,他們發現每個網頁的平均容量稍小於2Mb,達到了1953Kb,比去年上升了15%。

  當然,調查的網站不包括那邊複雜的網頁應用。去年,這一上升比例是32%,雖然今年幅度縮小,但同樣不令人樂觀。

  多圖慎點

  將網頁內容細分,我們還能了解各部分對網頁容量變化的影響。

  從上表可以看出:

HTML內容增加了2Kb,數字不大,但能讓內容增加了不少。說好的減化和精煉的趨勢都是騙人的。

CSS增加了11Kb,響應性網頁設計和CSS3應該對此增加出了不少力,但JavaScript卻沒有減少。雖然現在有不少CSS管理和精減工具,但每個網站都會平均要求6個CSS檔案。

調查中仍有27%的網站使用Flash,主要用在廣告,影片和遊戲上,這比去年下降了5%,沒我們想像中多。

另一個貢獻最大的就是圖片了,佔了整個網頁容量的85%!雖然現在圖片的解析度越來越高,但Retina螢幕的裝置可僅佔一小部分,而且有許多工具都可以幫助減少圖片使用量。另外,有些網頁有超過50張圖片,這是不是太過人了!

  不是好事

  15%的成長與去年的32%,以及前年的30%比起來,似乎不多,但另一個問題是,平均頻寬有提升這麼快嗎?而且隨著行動網路的發展,現在有三分之一的使用者使用行動裝置造訪網頁,流量費怎麼辦?

  對網站主來說,逐漸臃腫的網頁也並不是什麼好事:

用戶體驗變差。無論網站內容多好,載入慢,讓人等就是錯!

讓網頁達到2Mb,是想不管三分之一的行動端用戶嗎?

Google會降低網站評級,更不容易搜尋。 (當然Google從來沒說過具體操作過程)

程式碼越多,崩潰的可能性越大。

流量這麼大,真的不費錢?

  原因?懶!

  至於原因是什麼?有人猜測是CMS模板和框架使用過度,它們讓開發者能更快,更便宜地進行開發,但犧牲的是品質和效率。工具中包含了許多根本用不到的功能,但要把它們移除,卻是一件繁雜的工作。

  另外,還有開發者預算緊張,開發時間有限等原因。不過,也有人總結成一個字:懶。

  但至少,不關網頁瀏覽者什麼事。


陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
网页打不开是什么原因网页打不开是什么原因Jun 26, 2023 am 11:49 AM

网页打不开的原因有:1、电脑的本地连接被禁用;2、拨号上网帐号与密码输入不正确;3、路由器故障或路由器设置出现问题;4、由DNS错误导致的IE打不开网页;5、hosts文件被修改导致的IE打不开网页;6、IP地址设置错误或者获取失败导致IE打不开网页。

使用JavaScript开发网页投票系统使用JavaScript开发网页投票系统Aug 09, 2023 pm 01:30 PM

使用JavaScript开发网页投票系统摘要:随着互联网的飞速发展,网上投票成为了一种方便快捷的方式,用于收集公众的意见和做出决策。本文将介绍使用JavaScript开发一个简单的网页投票系统,实现了用户可以选择选项并提交投票的功能。介绍:网页投票系统是一个在网页上显示多个选项并允许用户选择的程序。它可以用于许多场景,例如选举投票、产品调查、意见收集等。本文

网页无法访问怎么办网页无法访问怎么办Sep 06, 2023 am 09:36 AM

网页无法访问的解决办法有检查网络连接、清除浏览器缓存、检查网页地址、尝试使用其他浏览器、检查服务器状态、检查域名解析、检查防火墙和安全设置和联系网站管理员等。详细介绍:1、检查网络连接,确保网络连接正常,可以尝试打开其他网页或者使用其他设备进行访问,确定是否是网络连接问题,如果其他网页可以正常访问,那么可能是该网页的问题;2、清除浏览器缓存,浏览器缓存可能导致网页无法加载等等。

网页打开慢解决方法网页打开慢解决方法Aug 17, 2023 am 10:53 AM

网页打开慢解决方法:1、检查网络连接速度,可以使用在线测速工具来测试网络,可以联系网络服务提供商解决问题;2、可以通过清理浏览器缓存来改善网页打开速度,可以在浏览器的设置中找到清除缓存的选项,并选择清除所有缓存数据;3、在浏览器的插件和扩展程序管理页面,可以尝试禁用浏览器插件和扩展程序;4、网页打开慢还可能与电脑的性能有关,关闭占用系统资源的程序或进程也可以提高网页加载速度。

拥有自我意识的AI:AutoGPT拥有自我意识的AI:AutoGPTMay 25, 2023 am 10:28 AM

1、引言ChatGPT在当下已经风靡一时,作为自然语言处理模型的佼佼者,ChatGPT的优势在于其能够生成流畅、连贯的对话,同时还能够理解上下文并根据上下文进行回答。针对不同的应用场景可以进行快速定制,例如,在客服、教育、娱乐等领域中,ChatGPT可以作为智能助手为用户提供便捷的服务和娱乐体验。从GPT-3到GPT-4,我们可以看到在高级推理,输入设置,微调行为和理解更长的上下文信息等方面,ChatGPT在不断的优化训练中已经取得了显著的进展。但是针对于这种交互式的GPT模型,我们更希望看到能

JavaScript 如何实现网页自动轮播功能?JavaScript 如何实现网页自动轮播功能?Oct 16, 2023 am 09:25 AM

JavaScript如何实现网页自动轮播功能?随着互联网的普及,网页的设计和展示方式也越来越丰富多样。其中,网页自动轮播功能成为了许多网站及应用中常见的元素之一。本文将介绍如何使用JavaScript实现网页自动轮播功能,并提供具体的代码示例。一、HTML结构在实现自动轮播功能之前,首先需要确定网页的HTML结构。一般来说,自动轮播功能常使用图片或其他内

如虎添翼,六个让你效率翻倍的ChatGPT插件如虎添翼,六个让你效率翻倍的ChatGPT插件May 17, 2023 pm 02:28 PM

ChatGPT是一个超强的AI应用程序,OpenAI已经发布的GPT-4引起了更广泛的关注。ChatGPT是由OpenAI开发的专门从事对话的AI聊天机器人,其主要目标是使AI系统更自然地进行互动。大家可能都已经尝试过ChatGPT,今天讲一讲与这个全新工具互动的不同方法。本文总结了6个可以使ChatGPT成为日常助手(甚至超越日常助手)的工具!1.【GoogleChromeExtension】在任何地方使用ChatGPT想在任何地方轻松地使用ChatGPT吗?那么你可以使用Chrome插件(h

win10网络被禁用了怎么打开网页win10网络被禁用了怎么打开网页Jun 29, 2023 pm 05:37 PM

win10网络被禁用了怎么打开网页?使用win10系统的时候,发现网络被禁用了,就没有办法使用电脑,这种情况应该如何解决。很多小伙伴不知道怎么操作,小编下面整理了windows10网络被禁用了恢复教程,如果你感兴趣的话,跟着小编一起往下看看吧!win10网络被禁用了怎么打开1、在状态栏右边找到网络连接图标之后,右键点击它,然后选择“打开网络和Internet设置”选项并点击2、打开之后在出现的界面右边,找到并点击打开网络和共享中心3、点击更改适配器设置这个选项,找到被禁用的网络,右键点击它4、选

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脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

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

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

mPDF

mPDF

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