随着基础设施的发展,我们的网速是越来越快了,那你是否感受到网页加载速度变快了呢?有没有想过,网页也在逐渐变臃肿?根据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模板和框架使用过度,它们让开发者能更快,更便宜地进行开发,但牺牲的是质量和效率。工具中包含了许多根本用不到的功能,但要把它们移除,却是一件繁杂的工作。
另外,还有开发者预算紧张,开发时间有限等原因。不过,也有人总结成一个字:懒。
但至少,不关网页浏览者什么事。

Include:1)AsteeplearningCurvedUetoItsVasteCosystem,2)SeochallengesWithClient-SiderEndering,3)潜在的PersperformanceissuesInsuesInlArgeApplications,4)ComplexStateStateManagementAsappsgrow和5)TheneedtokeEedtokeEedtokeEppwithitsrapideDrapidevoltolution.thereedtokeEppectortorservolution.thereedthersrapidevolution.ththesefactorsshesssheou

reactischallengingforbeginnersduetoitssteplearningcurveandparadigmshifttocoment oparchitecent.1)startwithofficialdocumentationforasolidFoundation.2)了解jsxandhowtoembedjavascriptwithinit.3)

ThecorechallengeingeneratingstableanduniquekeysfordynamiclistsinReactisensuringconsistentidentifiersacrossre-rendersforefficientDOMupdates.1)Usenaturalkeyswhenpossible,astheyarereliableifuniqueandstable.2)Generatesynthetickeysbasedonmultipleattribute

javascriptfatigueinrectismanagbaiblewithstrategiesLike just just in-timelearninganning and CuratedInformationsources.1)学习whatyouneedwhenyouneedit

totlecteactComponents通过theusestatehook,使用jestandReaCtteTingLibraryToSigulation Interactions andverifyStatAtaTeChangesInTheUI.1)renderthecomponentAndComponentAndComponentAndCheckInitialState.2)模拟useclicklicksorformsormissionsions.3)

KeysinreactarecrucialforopTimizingPerformanceByingIneFefitedListupDates.1)useKeyStoIndentifyAndTrackListelements.2)避免使用ArrayIndicesasKeystopreventperformansissues.3)ChooSestableIdentifierslikeIdentifierSlikeItem.idtomaintainAinainCommaintOnconMaintOmentStateAteanDimpperperFermerfermperfermerformperfermerformfermerformfermerformfermerment.ChosestopReventPerformissues.3)

ReactKeySareUniqueIdentifiers usedwhenrenderingListstoimprovereConciliation效率。1)heelPreactrackChangesInListItems,2)使用StableanDuniqueIdentifiersLikeItifiersLikeItemidSisRecumended,3)避免使用ArrayIndicesaskeyindicesaskeystopreventopReventOpReventSissUseSuseSuseWithReRefers和4)

独特的keysarecrucialinreactforoptimizingRendering和MaintainingComponentStateTegrity.1)useanaturalAlaluniqueIdentifierFromyourDataiFabable.2)ifnonaturalalientedifierexistsistsists,generateauniqueKeyniqueKeyKeyLiquekeyperaliqeyAliqueLiqueAlighatiSaliqueLiberaryLlikikeuuId.3)deversearrayIndiceSaskeyseSecialIndiceSeasseAsialIndiceAseAsialIndiceAsiall


热AI工具

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

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

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

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

热门文章

热工具

Dreamweaver Mac版
视觉化网页开发工具

SublimeText3 Linux新版
SublimeText3 Linux最新版

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

Atom编辑器mac版下载
最流行的的开源编辑器